画像形式はなぜこんなにたくさんあるのですか?

画像形式ごとに、ファイルサイズ、画質、透明度などの機能のバランスが異なるため、適切な形式は画像の用途によって変わります。また、使用中のプログラムやウェブサイトが現在の形式に対応していない場合は、形式を変換すると使えるようになります。

形式 透明度 適した用途
PNG あり 細部を損なわずに保存できる、スクリーンショット、ロゴ、テキストを含むグラフィック
JPG なし 非可逆圧縮によりファイルサイズを小さくできる写真
WebP あり 非可逆または可逆圧縮に対応したウェブ画像
GIF ピクセルごとに設定可能 最大256色のシンプルなグラフィック
BMP なし 古いWindowsプログラム。ファイルは圧縮されず、サイズが大きくなります
ICO あり 1つのファイルに複数サイズを含められるWindowsアイコンやウェブサイトのファビコン
TIFF あり 印刷、スキャン、アーカイブ
AVIF あり 高い圧縮率を備えた最新のウェブ画像。変換元として使用できますが、変換先にはできません
SVG あり 任意のサイズに拡大縮小できるベクターロゴやアイコン。変換元として使用できますが、変換先にはできません

ツールの説明

このツールでは、PNG、JPG、WebP、GIF、BMP、ICO、TIFFの間で画像を変換できるほか、AVIFやSVGからこれらの形式に変換できます。汎用の画像コンバーターから、PNGからJPG、SVGからICOなど特定の形式ペア用のコンバーターまで、どの画像コンバーターも同じ仕組みです。名前に記載された形式が最初に選択されており、「変換元」と「変換先」のメニューから別の形式に切り替えられます。ファイル一覧には変換元の形式の画像だけが表示されますが、画像をドロップすると、どの形式でも読み込めます。変換元の形式はファイルに合わせて設定されるため、PNGからJPGへのコンバーターでもWebPファイルを変換できます。プレビューを確認して変換後の画像をダウンロードしてください。ファイル名は元のまま、拡張子だけが新しくなります。ICOに変換するときは、16 × 16から256 × 256ピクセルまでのアイコンサイズを選択してください。初期状態ではすべて選択されています。

画像はお使いのデバイス上で変換され、アップロードされることはありません。

仕組み

ブラウザーが画像をデコードします。ただし、TIFFはUTIF.jsがデコードします。次に、このツールが元のサイズでキャンバスに画像を描画します。その後、PNG、JPG、WebPファイルはブラウザーがエンコードし、GIFファイルはgifencが、TIFFファイルはUTIF.jsが書き込みます。BMPファイルとICOファイルはツール自体が書き込みます。

  • JPGとBMPは透明度に対応していないため、透明な領域は白になります。
  • GIFで扱える色数は最大256色のため、ツールは画像に最もよく合う256色を選びます。不透明度が半分未満のピクセルは透明になり、それ以外は完全に不透明になります。
  • ICOファイルには、サイズごとに正方形のPNG画像が1つずつ含まれます。正方形でない画像は、余白を透明にして、サイズに合わせて拡大縮小したうえで中央に配置されます。
  • TIFFファイルは非圧縮で書き込まれます。ほとんどのブラウザーはTIFFを表示できないため、変換先がTIFFの場合、プレビューには元の画像が表示されます。
  • SVGは、ファイルに設定された幅と高さ、またはviewBoxのサイズで描画されます。どちらも指定されていない場合は、300 × 150ピクセルで描画されます。
  • アニメーションGIF、WebP、PNGは最初のフレームだけが変換され、複数ページのTIFFは最初のページだけが変換されます。
  • JPGとWebPファイルは、ブラウザーの既定の画質で保存されます。
  • 写真のEXIFデータに含まれるカメラ情報やGPS位置情報などのメタデータは、新しいファイルにコピーされません。

ヒント

  • 背景の透明度を保つには、JPGやBMPではなくPNG、WebP、ICO、TIFF、またはGIFに変換してください。
  • 写真の場合、JPGとWebPはPNGよりファイルサイズを大幅に小さくできます。スクリーンショットやロゴには、テキストや輪郭が鮮明に保たれるPNGが適しています。
  • ファビコンを作成する場合は、256 × 256ピクセル以上の正方形の画像、またはSVGを元にしてください。
  • SVGからより大きな画像を作成するには、テキストエディターであらかじめ幅と高さの属性を大きくしてください。SVGは指定されたサイズで描画されるためです。
  • 他のファイルにあるフォントや画像を参照するSVGは、ブラウザーが画像のために外部ファイルを読み込まないため、それらなしで描画されます。変換前にテキストをパスに変換し、画像を埋め込んでください。
  • WebPの保存には、WebPのエンコードに対応したブラウザーが必要です。それ以外のブラウザーではエラーが表示されます。