リファレンス

画像を仕上げるためのガイド

サイズ・形式の選び方、ファビコン配置、SVG出力、スクリーンショット共有、ピクセル確認を具体例で説明します。

画像を縦横に伸ばさずリサイズする方法

元画像の縦横比を保って必要なピクセルサイズに縮小し、切り抜きが必要な場面も判断できるようにします。

よく使われる画像比率の違いと、目的の比率へ切り抜くときに何を残すか決める方法をまとめます。

透過、写真の画質、ファイル容量、互換性を基準に、PNG・JPEG・WebPを選ぶ方法を説明します。

JPG・WebPの目標容量と長辺を設定し、保存した画像で容量を確認する手順。PNGの制限、100KB・500KBの目標も説明します。

ICO・PNG・Webマニフェストの役割とファイルパスの確認方法をまとめます。

出力サイズと図柄の座標を区別し、整理後のSVGが変わった場合の確認点を説明します。

単色で覆い、保存した画像の各所に情報が残っていないか確認します。

元画像の座標と表示倍率を区別し、定規・カラーピッカー・差分比較を使い分けます。