複数サイズの画像リサイズとは？

複数サイズの画像リサイズとは、同じ元画像からサイズの異なる複数のコピーを一度に生成する処理です。用途ごとに画像を手動で何度もリサイズする代わりに、ウェブサイトのファビコン、ソーシャルメディアのバナー、アプリアイコン、サムネイルなど、必要なサイズを一度指定するだけで、すべてのバージョンを同時に作成できます。

この方法は、ウェブ開発やアプリ開発でよく使われます。1つの元画像を、異なるプラットフォーム、画面密度、デザイン仕様に対応するため、多くの解像度で書き出す必要があるためです（たとえば、アプリアイコンのセットでは、16、32、48、128、512ピクセルのバリエーションが必要になる場合があります）。

ツールの説明

このツールでは、1枚のアップロード画像を、指定した任意の数のカスタム幅・高さの組み合わせにリサイズできます。その後、結果をプレビューしたり、個別にダウンロードしたり、すべてを1つのZIPアーカイブにまとめてダウンロードしたりできます。すべての処理はCanvas APIを使用してブラウザ内でローカルに実行されるため、元画像がサーバーにアップロードされることはありません。

機能

  • 複数のカスタムサイズを一度に処理: 必要な数だけ名前付きの幅・高さの組み合わせを追加し、ワンクリックですべてを生成できます
  • アスペクト比の固定: 元画像の比率に基づいて幅から高さを自動的に再計算するか、両方のサイズを個別に設定できます
  • 柔軟な書き出し: PNG、JPG、WebPから出力形式を選択でき、品質を調整できます。結果は個別にダウンロードすることも、ZIPにまとめてダウンロードすることも可能です

オプションの説明

  • アスペクト比を維持: 有効にすると、元画像の比率を使用して幅から高さが自動的に計算されます。無効にすると、指定したカスタムサイズに合わせて引き伸ばしたり、切り抜いたりできます。
  • 出力形式: PNGは透明度を保持するため、グラフィックやアイコンに最適です。JPGは写真向けでファイルサイズを小さくできます（透明な領域は白で塗りつぶされます）。WebPは高い圧縮率を提供し、透明度にも対応できます。
  • 出力品質: JPGおよびWebPで書き出す際の圧縮率を調整します。常に可逆圧縮となるPNGには影響しません。

制限事項

  • リサイズでは標準的なCanvasの拡大縮小処理を使用します。AIによるアップスケーリングには対応していないため、小さな画像を元の解像度を超えて拡大すると、ぼやけて見える場合があります。
  • JPGは透明度に対応していないため、透明なピクセルは白い背景に統合されます。