完全ガイド
画像フォーマット
PNG・JPG・WebP・SVG・AVIFについて知っておきたいことをすべて解説。違いと使い分け、そして無料でオンライン変換する方法まで紹介します。
5種類のフォーマット
11本の詳しい記事
4つの無料ツール
主要なフォーマット
クイック比較
| フォーマット | 透過 | 圧縮 | ベクター | 主な用途 |
|---|---|---|---|---|
| PNG | ✓ はい | 軽量(可逆) | ✗ いいえ | ロゴ、スクリーンショット、アイコン |
| JPG | ✗ いいえ | 高圧縮(非可逆) | ✗ いいえ | 写真、バナー、サムネイル |
| WebP | ✓ はい | 高圧縮(可逆・非可逆) | ✗ いいえ | ウェブ全般(PNG・JPGの代替) |
| SVG | ✓ はい | 非常に軽量(テキスト形式) | ✓ はい | ロゴ、アイコン、イラスト |
| AVIF | ✓ はい | 最高水準 | ✗ いいえ | 高速表示が求められるウェブ |
関連ツール
フォーマット比較
フォーマット別ガイド
画像フォーマットに関するよくある質問
サイトにはどの画像フォーマットを使うべきですか?
写真にはWebP(JPGより圧縮効率に優れています)、透過が必要なロゴやアイコンにはSVGまたはPNGがおすすめです。WebPは見た目の劣化をほとんど感じさせずにファイルを小さくできるため、現在のウェブ全般で最も適したフォーマットです。
印刷にはPNGとJPGのどちらが向いていますか?
印刷用途ではPNGが優れています。非可逆圧縮を使わないため、画像のディテールがすべて保たれるからです。JPGは圧縮によって情報が失われ、高品質な印刷では圧縮ノイズが目に見えることがあります。
PNGをWebPに無料で変換するには?
ImageToolsの画像変換ツールをご利用ください。PNGをアップロードし、出力形式にWebPを選んで変換ボタンを押すだけです。処理はブラウザ内で完結するため、ファイルがサーバーに送信されることはありません。
SVGはどこでも使えますか?
SVGは最新のウェブブラウザやほとんどのデザインツールで問題なく動作します。ただし、SNSではプロフィール画像や投稿のアップロードにSVGを受け付けない場合が多いため、その場合はPNGに書き出してからご利用ください。