画像形式変換

この画像変換ツールでできること

ブラウザが表示できる画像（PNG・JPEG・WebP・AVIF・GIF・BMP・SVG）をドロップし、変換先の形式を選ぶと、各ファイルがお使いの端末上で再エンコードされます。よくある用途は、ダウンロードした WebP を古いソフトでも開ける JPG や PNG に変換する、PNG のスクリーンショットをはるかに小さい JPG にする、ウェブサイト用画像の WebP 版や AVIF 版を作る、といったものです。SVG のロゴは固有のサイズでラスタライズされるため、ベクターアイコンを PNG にする最も手早い方法です。AVIF も入力としてよく使われます。新しいスマホで保存された写真や、AVIF を配信するサイトからダウンロードした画像は、プラグインなしでここで開き、1 ステップで JPG や PNG に変換できます。iPhone の HEIC 写真もデコードできますが、専用の HEIC を JPG に変換ページのほうが適切な既定値になっており、この形式の癖についても説明しています。

各ファイルは拡張子だけ変わった同じ名前を保ち、一覧には変換前後のサイズが表示され、ファイルは個別にでも 1 つの ZIP としてでもダウンロードできます。ファイルごとの制限も待ち行列もなく、何もアップロードされないため、数百枚の商品写真が入ったフォルダの変換にかかる時間はお使いのノート PC 次第です。通常は 1 分もかかりません。

使い方

まず変換先の形式を選びます。非可逆形式（JPEG・WebP・AVIF）では品質スライダーが表示されます。一般的には 85% が無難な既定値です。JPEG に変換する場合は背景色の選択が表示されます。JPEG は透明を保存できないため、PNG や WebP の透明部分はその色（既定では白）で塗りつぶされます。次にファイルをドロップするか、クリップボードから貼り付けるか、クリックして選択します。結果は 1 枚あたり 1 秒以内に表示され、オプションを変更するとすぐに更新されます。

選んだ設定はこの端末に記憶されます。変換が終わったら、「結果を使って続ける」のボタンで、結果をさらに小さくするために画像圧縮へ、正確な寸法にするためにリサイズへ渡せます。ファイルを選び直す必要も、2 度目のアップロードもありません。バッチをまとめて保存するには ZIP ダウンロードをお使いください。

よくある落とし穴

透明の扱いが最もよくある驚きです。ロゴの PNG を JPEG に変換すると、この形式にはアルファチャンネルがないため、背景が塗りつぶされます。透明が重要なら WebP か PNG を選んでください。GIF アニメーションや WebP アニメーションは最初のフレームだけになります。フレームごとのアニメーション変換は別の作業です。iPhone の HEIC 写真はほとんどのブラウザでデコードできないため、ここでは受け付けられません。先に「写真」アプリから JPEG として書き出してください。

AVIF のエンコードは本質的に遅く、ここで使う WebAssembly エンコーダーでも大きな画像 1 枚に数秒かかります。JPEG を PNG に変換すると、画質はまったく上がらないのにファイルは数倍大きくなります。圧縮の劣化はすでに焼き付いているからです。また、キャンバスを使うツールの常として、変換時に EXIF メタデータと埋め込みカラープロファイルは失われ、sRGB に変換されます。見た目は同じですが、カメラ情報や GPS タグはなくなります。

背景知識：画像形式の解説

PNG（1996 年）はロスレスで完全なアルファ透明に対応し、スクリーンショット、図表、アイコンなど、輪郭がはっきりしたものや文字を含むものに最適です。JPEG（1992 年）は非可逆で写真向けに作られています。なめらかなグラデーションは非常によく圧縮できますが、透明は扱えず、低品質では硬い輪郭の周りにリンギングが出ます。WebP（2010 年）は 1 つの形式で両方の役割をこなし（非可逆・ロスレス、アルファとアニメーション対応）、JPEG や PNG よりおよそ 25〜35% 小さく、2020 年以降すべての主要ブラウザで対応しています。動画コーデック AV1 から派生した AVIF（2019 年）は特に低ビットレートでさらに小さく、現在ではモダンな環境ならどこでも表示できますが、エンコーダーは依然として遅いままです。

GIF は 256 色に限られ、単純なアニメーション用途でのみ生き残っています。BMP は無圧縮で、主に Windows の遺産です。SVG はそもそもピクセル形式ではなくベクターの記述なので、PNG に変換するにはラスタライズのサイズを決める必要があります。このツールはデコードをブラウザで行い（そのため入力対応はブラウザが表示できるものと同じです）、エンコードにはキャンバス内蔵の簡素なエンコーダーではなく、Google の Squoosh と同じ WebAssembly コーデック（MozJPEG、libwebp、libavif、OxiPNG）を使うため、出力は小さく、AVIF もすべてのモダンブラウザで動作します。サーバーなし、アップロードなしです。

画像形式変換が必要な場面

ウェブサイトはページの重さを減らして Core Web Vitals を改善するために WebP や AVIF を配信し、同時に JPEG のフォールバックを残します。印刷会社、古いデスクトップソフト、Microsoft Office、多くの行政のアップロードフォームは今でも WebP を受け付けず、JPG か PNG を求めます。アプリストアは正確な寸法の PNG スクリーンショットを要求します。デザイナーは SVG アイコンを PNG にラスタライズして、SVG を表示できない SNS、ファビコン、メールに使います。商品カタログは BMP や TIFF の書き出しで届き、ショップ用に JPG が必要になります。開発者は data URL として埋め込んだりリポジトリにコミットしたりする前にアセットを変換します。

無理のない流れは、ここで適切な形式に変換し、圧縮で目標サイズまで小さくし、それからリサイズで表示寸法に合わせる、というものです。QR コードや図表を含む PNG は PNG のままにし、写真はそうしないでください。変換した画像をスタイルシートや JSON のペイロードに入れる場合は、その後に Base64 ツールでエンコードしてください。

よくある質問