画像形式変換(WebP/PNG/JPG)

WebP・PNG・JPGの画像ファイルを、選んだ形式に一括変換するツールです。複数ファイルをまとめて変換し、ZIPで一括ダウンロードできます。

WebPをJPGに変換するには?

本ツールにWebPファイルをドラッグ&ドロップし、出力形式でJPGを選んで「変換する」を押すだけです。PNGやJPGを起点にする場合も手順は同じで、ドロップした画像をそのまま指定形式に変換します。

1. 変換したいWebP/PNG/JPGファイルをドラッグ&ドロップするか、「ファイルを選択」から選びます(複数選択可)
2. 出力形式(JPG/PNG/WebP)を選択します。JPGの場合は画質スライダーで圧縮率を調整できます(既定は0.9)
3. 「変換する」を押すと、各ファイルが順番に変換されプログレスバーで進捗が表示されます
4. ファイル一覧には元のサイズと変換後のサイズが並んで出るので、容量がどれだけ変わったかその場で確認できます
5. 1枚の場合は「保存」リンクから、複数の場合は「一括ダウンロード (ZIP)」からまとめて保存できます

WebP・PNG・JPGはどう使い分ける?

写真はJPG、スクリーンショットや図表はPNG、Webページに載せる画像はWebPが基本です。3つの形式は圧縮方式と透過の扱いが違い、その差が得意な画像の種類を決めます。

WebPは非可逆圧縮と可逆圧縮の両方を扱え、透過も保持できます。GoogleのWebP公式ドキュメントでは、非可逆のWebPは同等品質のJPGより25〜34%小さく、可逆のWebPはPNGより26%小さいとされています。500KBのJPG写真をWebPに置き換えるなら、おおむね330〜375KBが目安です。Chrome・Edge・Firefox・Safariを含む主要ブラウザは表示に対応済みです。自分のサイトやブログに載せる画像なら、WebPが第一候補になります。

JPGは非可逆圧縮で、写真のように階調が連続する画像で効率よく容量を稼げます。透過は保持できません。それでもJPGを選ぶ理由は互換性です。古い業務システム、応募フォーム、印刷所の入稿仕様は、JPGとPNGしか受け付けないことが珍しくありません。相手の環境が分からないままメールで送る画像も、JPGが無難です。

PNGは可逆圧縮で、保存し直しても画素は変わりません。色数が少なく境界がくっきりした画像、つまりスクリーンショット・ロゴ・アイコン・図表・イラストに向いています。こうした画像をJPGにすると、文字や線の周囲に色のにじみが出て読みにくくなります。逆に写真をPNGで保存すると、ほぼすべての画素が異なる色を持つため可逆圧縮が効かず、JPGの数倍から十数倍の容量になります。圧縮方式そのものの詳しい仕組みは画像一括圧縮の解説で扱っています。

WebP・PNG・JPGの違いは次のとおりです。

用途ごとにどの形式へ変換すればいい?

迷ったら、その画像を最後に誰が開くかで決めてください。自分のサイトに置くならWebP、他人に渡すならJPG、文字や透過が含まれるならPNGです。

変換すると寸法や中身はどう変わる?

寸法(ピクセル数)は元のまま引き継がれ、変わるのは形式と容量だけです。本ツールはcreateImageBitmapで画像をデコードし、Canvasに描画してからtoBlob()で指定形式に再エンコードします。

再エンコードなので、出力されるのは画素から作り直した別のファイルです。元のファイルを詰め直したものではありません。寸法も一緒に変えたい場合は画像リサイズを使ってください。

JPGの出力ファイルの拡張子はjpgです(jpegではありません)。またWebP形式の書き出し(エンコード)は一部のブラウザで非対応です。非対応の環境では自動的にPNGにフォールバックし、拡張子もpngに差し替えたうえで、ツール内にその旨を表示します。

JPGの画質設定でファイルサイズはどう変わる?

数値が低いほど圧縮率が高まりファイルは小さくなりますが、輪郭のにじみやブロックノイズが目立つようになります。目安として、4,000×3,000pxの写真をPNGからJPGに変換する場合、画質0.9ならおおむね1〜3MB、画質0.5まで下げるとおおむね300KB〜1MBまで縮みます(実際の容量は画像の内容によって変わります)。画質スライダーは0.1〜1.0の範囲で指定し、この値はtoBlob()のquality引数にそのまま渡ります。

容量と画質は比例しません。高い側では下げてもあまり縮まず、低い側では急に縮む代わりに劣化が見えてきます。用途別の目安は次のとおりです。

• 0.9(既定): 拡大しても違いが分かりにくい水準。印刷に回す写真や納品用
• 0.8: 通常の閲覧では劣化を感じません。メール添付やフォーム投稿の標準設定
• 0.6: 空や肌などの平坦な部分にわずかなむらが出ます。一覧表示やサムネイル用
• 0.4以下: 輪郭のまわりのノイズと平坦部の段差がはっきり出ます。容量を最優先する場合のみ

画質を下げても目標の容量に届かないときは、寸法を見直してください。ピクセル数は面積で効くため、長辺を半分にすればピクセル総数は4分の1になり、画質を落とさずに容量を大きく削れます。

PNGやWebPで出力するときも画質は選べる?

選べません。画質スライダーは出力形式がJPGのときだけ表示され、PNGとWebPはブラウザ既定の品質でエンコードします。

PNGは可逆圧縮なので、そもそも指定する画質がありません。WebPには品質の概念がありますが、JPG用に下げたスライダーの値がWebPのエンコードにも漏れると、意図せず粗い画像ができてしまいます。それを避けるため、本ツールはJPG以外への変換では品質の指定をブラウザに任せています。WebPの容量を数値で詰めたい場合は、品質を指定してWebP出力できる画像一括圧縮のほうが向いています。

透過のある画像をJPGに変換すると何が起きる?

透明だった部分は白で塗りつぶされます。JPGはアルファチャンネル(透明度)を保持できない形式です。本ツールはCanvasに描画する前に白い背景を敷いてから画像を重ねています。透過をそのまま残したい場合は、出力形式にPNGかWebPを選んでください。

背景を敷かずに透過画像をJPGへ書き出すと、透明部分は黒く潰れます。白で塗るのはこれを避けるためです。白以外の背景色は指定できません。先に画像編集側で背景を敷いてから変換してください。

形式の変換を何度も繰り返すと画質はどうなる?

JPGを経由するたびに劣化が積み重なります。可逆圧縮のPNGは画素をそのまま保存するため、PNGだけを経由するなら劣化しません。ただしJPGからPNGへ戻しても画質は復元されません。最初のJPG化で捨てた情報はすでに失われているため、JPGとPNGを往復させても劣化した画素をPNGの大きな容量で抱えるだけです。編集と変換を繰り返す予定があるなら、元のファイルは別に保管してください。なおWebPの書き出し方(非可逆・可逆)はブラウザ既定に任せているため、本ツール側では選べません。

変換すると撮影日時や位置情報は残る?

残りません。撮影日時・位置情報・カメラの機種といったExif情報は、再エンコードの過程で引き継がれません。これは用途によって利点にも欠点にもなり、位置情報が分かるスマホ写真をSNSやブログに載せる前に変換すれば位置情報だけを落とせる一方、撮影日時を記録として残したい写真は変換後のファイルだけでは日付が分からなくなります。日付を残したい写真ほど、元ファイルの保管が前提になります。

複数の画像をまとめて変換できる?

できます。枚数の上限は設けていません。投入した順に1枚ずつ変換され、プログレスバーで進捗が分かります。

変換が2枚以上完了すると「一括ダウンロード (ZIP)」ボタンが出ます。押すとimage-format-converter.zipという1つのファイルにまとまります。このZIPは無圧縮(store)で作ります。JPG・PNG・WebPはいずれも圧縮済みのデータで、ZIP側で再圧縮しても容量は減らずCPU時間の無駄になるためです。同じ名前のファイルが混ざった場合は「写真 (2).jpg」のように連番が付き、上書きされることはありません。高解像度の画像を数十枚まとめて投入すると、端末のメモリとCPUを使う処理のためブラウザが重くなることがあります(目安は10〜20枚ずつ)。

50MBを超える画像はどうすればいい?

先に容量か寸法を落としてから変換してください。本ツールは1ファイル50MBまでで、超えたファイルはその行がエラー表示になります。

50MBに達するのは、長辺が1万ピクセル級のスキャン画像や、写真を可逆圧縮のまま保存した大きなPNGです。画像一括圧縮で容量を落とすか、画像リサイズで寸法を小さくすれば、本ツールで扱える大きさになります。

HEICやAVIF、GIFも変換できる?

できません。入力として受け付けるのはWebP・PNG・JPGの3形式だけで、それ以外は「WebP・PNG・JPG 以外の形式には対応していません。」というエラーになります。

iPhoneで撮った写真のHEIC形式はHEIC→JPG変換が担当します。HEICをWebPにしたい場合は、まずHEIC→JPG変換でJPGにし、そのファイルを本ツールでWebPに変換する2段構えになります。

本ツールの役目は形式の変換だけです。容量・寸法・見た目を変えたいなら、画像一括圧縮や画像リサイズなど専用のツールのほうが手数が少なく済みます。