画像コンバーターとは?
画像コンバーターは、画像ファイルをある形式から別の形式に変換し、デバイス、アプリケーション、ワークフロー間の互換性を実現します。JPG、PNG、WebP、HEIC、SVGなどの形式間で画像を変換する際、変わるのは画像データの保存・圧縮方法であり、視覚的な内容そのものではありません。この処理は、iPhoneのHEIC写真をWindowsで開く、大きなPNGスクリーンショットをメール用に縮小する、透過背景のためJPG画像をPNGに変換する、Web公開用にグラフィックを準備するといった、よくある問題を解決します。
最新の画像形式は、それぞれ特定の課題を解決するために発展してきました。JPG(JPEG)は1992年に登場し、数百万色を含む写真の圧縮に最適化されています。PNGは1996年に続き、グラフィック、ロゴ、テキストを含む画像に最適なロスレス圧縮を提供しました。WebPはGoogleの次世代形式として2010年に登場し、JPGとPNGの両方よりも小さいファイルサイズを実現しました。AppleがiOS 11以降標準採用しているHEICは優れた圧縮を実現していますが、Appleのエコシステム外での互換性のためには変換が必要です。用途に最も適した形式を理解することで、ストレージを節約し、Webサイトを高速化し、互換性の問題を防げます。
よく使われる画像形式の解説
どの画像形式もファイルサイズ、画質、機能という3つの要素のバランスの上に成り立っています。Web読み込みを高速化する小さいファイルが必要か、デザイン作業のための透過背景が必要か、印刷向けの最大限の画質が必要かなど、目的に合わせて適切な形式を選んでください。各形式の特徴は以下の通りです。
| 形式 | 圧縮方式 | 透明度 | おすすめの用途 |
|---|---|---|---|
| 適切な画像形式を選ぶことで、画質の問題、互換性の問題、ストレージの無駄を防げます。数百万色や滑らかなグラデーションを含む写真はJPGとして効率よく圧縮でき、品質設定85〜90%であれば知覚できない画質低下で大幅なファイルサイズ削減を実現します。PNGでは8MBになる一般的なカメラ写真も、JPGでは600〜800KBになります。これは、大きなファイルが読み込みを遅くし、添付容量の上限を超えてしまうWeb公開、メール共有、SNSアップロードに最適です。 | 非可逆 | なし | 写真、複雑な画像 |
| 透過背景により、ロゴ、商品写真、グラフィックを色付きの背景、パターン、他の画像の上にシームレスになじませることができます。PNG、WebP、GIF、TIFFは透明度に対応していますが、JPGとBMPは対応していません。透過背景のPNGロゴをJPGに変換すると、透明な部分は単色の白(または黒)になり、重ね合わせ作業、Webデザイン、マーケティング素材としての使い勝手を損なう不透明な四角形になってしまいます。 | ロスレス | あり | グラフィック、ロゴ、スクリーンショット |
| WebPの互換性は劇的に向上しましたが、まだ差はあります。最新ブラウザ(Chrome、Firefox、Edge、Safari 14以降)はすべてWebPに対応しており、Web公開には最適です。しかし、多くのデスクトップアプリケーション(プラグインなしのAdobe Photoshop、Microsoft Office 2019以前、古いシステムのWindowsフォトビューアーなど)ではWebPファイルを開けません。メールクライアントでのWebP表示も一貫していません。WebPをJPGやPNGに変換しておけば、どこでも画像が確実に表示され、特にWebPを開く際にエラーに遭遇する可能性のある非技術者とファイルを共有する場合に重要です。 | 両方 | あり | Web画像、最新ブラウザ |
| コンテンツの種類によって最適な形式が決まります。写真はJPGまたはWebP(非可逆)として効率よく圧縮でき、知覚できない画質低下で10:1の圧縮率を達成します。スクリーンショットやテキストを含むグラフィックは、くっきりした輪郭を保つためPNGまたはWebP(ロスレス)が必要です。無限に拡大縮小できる必要があるロゴにはSVGベクター形式が求められます。透過背景が必要な商品写真にはPNGまたはWebPが必要です。これらの関係を理解することで、画質の問題を防ぎ、意図した用途でファイルが正しく機能するようになります。 | ロスレス | 限定的 | シンプルなアニメーション、アイコン |
| ファイルサイズの目安は、画像の種類と形式によって異なります。1200万画素の写真(4032x3024ピクセル)は、品質85のJPGで通常3〜6MB、PNGで8〜12MB、WebPで2〜4MBになります。テキストを含むスクリーンショットはより圧縮しやすく、1920x1080のスクリーンショットはPNGで200〜500KBになります。変換の際、写真ではJPGとWebPがPNGより60〜80%小さいファイルを生成しますが、テキストを含むグラフィックではそれほど劇的な削減にはなりません。 | なし | 限定的 | Windowsとの互換性 |
| Web最適化では、許容できる読み込みパフォーマンスのため特定のファイルサイズ目標を設定します。幅1000ピクセル未満の画像は100KB未満に抑えるべきです。フル幅のヒーロー画像はCore Web Vitalsのスコアに影響が出る前まで、最大300KBまで許容されます。これらの目標は、視覚的な画質とページ速度のバランスを取るもので、ユーザー体験と検索順位の両方にとって重要です。この目標を達成しつつWeb表示で許容できる見た目の忠実度を保つため、画像を品質80〜85でWebPに変換してください。 | 両方 | あり | 印刷、業務用グラフィック |
| SVG(Scalable Vector Graphics)は、ピクセルではなく形状、線、曲線の数学的な記述として画像を保存します。この根本的な違いにより、SVGファイルは無限に拡大縮小できます。ロゴは幅100ピクセルでも10,000ピクセルでも完璧にくっきりして見えます。ラスター形式(JPG、PNG、WebP)は、固定されたピクセルを拡大しているだけで数学的な指示から再描画しているわけではないため、元の解像度を超えて拡大するとピクセル化します。 | ベクター | あり | スケーラブルなグラフィック、ロゴ |
| SVGはロゴ、アイコン、イラスト、図表、デザインソフトで作成されたグラフィックに非常によく適しています。一方、写真には全く向いていません。写真は数百万もの色のバリエーションを含んでおり、ベクターとして効率よく記述することはできません。SVGをPNGやJPGに変換すると、特定の解像度でベクターがラスタライズされ、もはや無限に拡大縮小できないピクセルベースのバージョンが作られます。逆に写真をSVGに変換すると、真のベクターではなくトレースされた輪郭が生成されます。 | ロスレス | あり | Windowsアイコン、ファビコン |
適切な画像形式の選び方:判断ガイド
- JPG/JPEG - 多くの色を含む写真や複雑な画像に最適
- PNG - グラフィック、ロゴ、透明度が必要な画像に最適
- WEBP - Web用途に優れた圧縮を実現する最新形式
- GIF - 色数が限られたシンプルなグラフィックとアニメーション
- BMP - 最大限の互換性を持つ非圧縮形式
- TIFF - プロ向けの印刷とアーカイブに適した品質
- SVG - 画質を損なわず拡大縮小できるベクター画像
- ICO - アプリケーションやWebサイトのアイコン用のWindowsアイコン形式
画像を変換すると画質は低下しますか?
画質の保持は、関わる形式によって異なります。ロスレス形式間の変換(PNGからBMP、BMPからTIFF、PNGからPNG)は、ピクセル単位で完全な正確さを保ち、データは一切失われません。非可逆形式(JPG、非可逆設定のWebP)への変換は、ファイルを小さくするため一部の画像情報を破棄する圧縮を伴います。ただし、推奨される品質設定(85〜95%)であれば、写真や複雑な画像においてこの損失は人の目にはほぼ知覚できません。
重要なルールとして、非可逆からロスレスへの変換は失われた画質を回復しません。JPGをPNGに変換すると、PNGファイルは大きくなりますが見た目が良くなるわけではありません。JPGによる圧縮ダメージは恒久的なものです。複数回の変換や今後の編集が想定される場合は、常に高画質な元のソースファイルを保管してください。SVGのようなベクター形式は挙動が異なります。SVGをラスター(PNG、JPG)に変換すると、指定した解像度でベクターが描画され、元のように無限に拡大縮小できない固定ピクセルのバージョンが作られます。
非可逆圧縮とロスレス圧縮の違い
画像形式は、データの扱い方を根本的に左右する2つの圧縮カテゴリに分かれます。非可逆圧縮(JPG、非可逆設定のWebP)は、人の知覚にとって重要度が低いとみなされる画像情報を恒久的に破棄します。これにより劇的なファイルサイズ削減が実現します。5MBのPNG写真が、見た目にほとんど差のない500KBのJPGになります。この圧縮は、微妙な色の変化や、目で捉えにくい高周波のディテールの除去に重点を置いています。ただし、編集と保存を繰り返すと画質の低下が積み重なり、保存のたびに画像はさらに劣化します。
- 非可逆形式(JPG、非可逆設定のWebP): ファイルを小さくするためデータを破棄。10:1の圧縮率が許容できる写真や複雑な画像に最適
- ロスレス形式(PNG、BMP、TIFF、ロスレス設定のWebP): すべてのピクセルを完全に保持。グラフィック、スクリーンショット、ロゴ、今後編集が必要な画像に最適
- ハイブリッド形式(WebP、TIFF): 両方の圧縮モードに対応し、コンテンツの種類や画質要件に応じた柔軟性を提供
- ベクター形式(SVG): ピクセルではなく数学的な記述を保存。画質を損なわず無限に拡大縮小できるが、写真ではなくロゴ、アイコン、イラストにのみ適している
ロスレス圧縮(PNG、BMP、TIFF、ロスレス設定のWebP)はすべての画像データを完全に保持します。これらのファイルは、何度開いて編集し、再保存しても劣化しません。PNGはカラーパレットの削減やパターン検出といった技術を使って、情報を失うことなく圧縮します。トレードオフとして、ロスレスファイルは同等の非可逆版より通常3〜5倍大きくなります。ファイルサイズよりも完璧な画質が優先される場合にロスレスを選んでください。テキストを含むスクリーンショット、くっきりした輪郭が必要なロゴ、今後の編集が必要なデザイン素材、画質を妥協できないアーカイブ用コピーなどです。
よく使われる画像変換ツールと利用シーン
変換の方向ごとに解決する課題が異なります。よく使われる画像変換とその使いどころは以下の通りです。
- PNG to JPG: 透明度が不要な場合、Web公開、メール添付、SNS向けにファイルサイズを70〜90%削減
- JPG to PNG: 透過背景での編集用に画像を準備したり、グラフィック作業でロスレスの画質を確保したりする
- WebP to PNG/JPG: 最新のWebP形式に対応していない古いアプリケーション、メールクライアント、システムとの互換性を確保
- HEIC to JPG: Appleの形式を認識しないWindows、Android、Webプラットフォームとの互換性を持たせる
- SVG to PNG: 文書、プレゼンテーション、SNSで使用するため、ベクターのロゴやアイコンを特定の解像度でラスタライズ
よく使われる画像変換の利用シーン
適切な画像形式を選ぶことで、画質の問題、互換性の問題、ストレージの無駄を防げます。数百万色や滑らかなグラデーションを含む写真はJPGとして効率よく圧縮でき、品質設定85〜90%であれば知覚できない画質低下で大幅なファイルサイズ削減を実現します。PNGでは8MBになる一般的なカメラ写真も、JPGでは600〜800KBになります。これは、大きなファイルが読み込みを遅くし、添付容量の上限を超えてしまうWeb公開、メール共有、SNSアップロードに最適です。
透過背景により、ロゴ、商品写真、グラフィックを色付きの背景、パターン、他の画像の上にシームレスになじませることができます。PNG、WebP、GIF、TIFFは透明度に対応していますが、JPGとBMPは対応していません。透過背景のPNGロゴをJPGに変換すると、透明な部分は単色の白(または黒)になり、重ね合わせ作業、Webデザイン、マーケティング素材としての使い勝手を損なう不透明な四角形になってしまいます。
WebPの互換性は劇的に向上しましたが、まだ差はあります。最新ブラウザ(Chrome、Firefox、Edge、Safari 14以降)はすべてWebPに対応しており、Web公開には最適です。しかし、多くのデスクトップアプリケーション(プラグインなしのAdobe Photoshop、Microsoft Office 2019以前、古いシステムのWindowsフォトビューアーなど)ではWebPファイルを開けません。メールクライアントでのWebP表示も一貫していません。WebPをJPGやPNGに変換しておけば、どこでも画像が確実に表示され、特にWebPを開く際にエラーに遭遇する可能性のある非技術者とファイルを共有する場合に重要です。
コンテンツの種類によって最適な形式が決まります。写真はJPGまたはWebP(非可逆)として効率よく圧縮でき、知覚できない画質低下で10:1の圧縮率を達成します。スクリーンショットやテキストを含むグラフィックは、くっきりした輪郭を保つためPNGまたはWebP(ロスレス)が必要です。無限に拡大縮小できる必要があるロゴにはSVGベクター形式が求められます。透過背景が必要な商品写真にはPNGまたはWebPが必要です。これらの関係を理解することで、画質の問題を防ぎ、意図した用途でファイルが正しく機能するようになります。
画像圧縮の種類について
ファイルサイズの目安は、画像の種類と形式によって異なります。1200万画素の写真(4032x3024ピクセル)は、品質85のJPGで通常3〜6MB、PNGで8〜12MB、WebPで2〜4MBになります。テキストを含むスクリーンショットはより圧縮しやすく、1920x1080のスクリーンショットはPNGで200〜500KBになります。変換の際、写真ではJPGとWebPがPNGより60〜80%小さいファイルを生成しますが、テキストを含むグラフィックではそれほど劇的な削減にはなりません。
Web最適化では、許容できる読み込みパフォーマンスのため特定のファイルサイズ目標を設定します。幅1000ピクセル未満の画像は100KB未満に抑えるべきです。フル幅のヒーロー画像はCore Web Vitalsのスコアに影響が出る前まで、最大300KBまで許容されます。これらの目標は、視覚的な画質とページ速度のバランスを取るもので、ユーザー体験と検索順位の両方にとって重要です。この目標を達成しつつWeb表示で許容できる見た目の忠実度を保つため、画像を品質80〜85でWebPに変換してください。
画像形式の選び方ガイド
SVG(Scalable Vector Graphics)は、ピクセルではなく形状、線、曲線の数学的な記述として画像を保存します。この根本的な違いにより、SVGファイルは無限に拡大縮小できます。ロゴは幅100ピクセルでも10,000ピクセルでも完璧にくっきりして見えます。ラスター形式(JPG、PNG、WebP)は、固定されたピクセルを拡大しているだけで数学的な指示から再描画しているわけではないため、元の解像度を超えて拡大するとピクセル化します。
SVGはロゴ、アイコン、イラスト、図表、デザインソフトで作成されたグラフィックに非常によく適しています。一方、写真には全く向いていません。写真は数百万もの色のバリエーションを含んでおり、ベクターとして効率よく記述することはできません。SVGをPNGやJPGに変換すると、特定の解像度でベクターがラスタライズされ、もはや無限に拡大縮小できないピクセルベースのバージョンが作られます。逆に写真をSVGに変換すると、真のベクターではなくトレースされた輪郭が生成されます。
Webのアイコンやロゴには、SVGが最適な解決策です。無限に拡大縮小でき、多くの場合PNGよりファイルサイズが小さく、CSSで簡単にスタイルを変更できます。ただし、すべてのアプリケーションがSVGに対応しているわけではありません。PowerPointのプレゼンテーション、メール署名、SNSのプロフィールなどでラスター版が必要な場合は、高DPI画面でもくっきり表示されるよう、目標の表示サイズの2〜3倍でSVGをPNGに変換してください。
バッチ画像変換のコツ
スクリーンショット、図表、ロゴ、テキストを含む画像にはPNG形式が必須です。JPGの非可逆圧縮はテキストの周りに目立つハローを生み、輪郭をぼかし、単色部分ににごりを生じさせます。UI要素とテキストを含むスクリーンショットはPNGならくっきりしたままですが、JPGに変換するとテキストが読みづらくなるノイズが発生します。PNGのファイルサイズを削減する必要がある場合は、JPGではなくPNG最適化ツールを使うか、WebPに変換してください。WebPはJPGよりもテキストやグラフィックをはるかに良く扱いながら圧縮も実現します。
2026年のWeb公開において、WebPは画質、ファイルサイズ、ブラウザ対応のバランスが最も優れています。WebP画像は同等のJPGファイルより通常25〜35%小さく、PNGのように透明度にも対応しています。最新ブラウザ(Chrome、Firefox、Edge、Safari 14以降)はすべてWebPをネイティブに表示します。Web画像をWebPに変換すれば、ページの読み込みが速くなり、Core Web Vitalsのスコアが向上し、特に通信環境が限られたモバイル端末でのユーザー体験が改善されます。
画像解像度とDPIのガイドライン
DPI(dots per inch)は印刷解像度を測る単位であり、画面表示には関係ありません。Web画像は埋め込まれたDPI情報に関係なく、ピクセル寸法に基づいて表示されます。1920×1080の画像は、72DPIで保存されていても300DPIで保存されていても、画面上では同じ大きさで表示されます。重要なのはピクセル数であり、DPIのタグではありません。この点を誤解し、画質が向上すると思い込んでWeb画像を300DPIで保存する人が多くいますが、画面表示には何の効果もありません。
印刷解像度は仕組みが異なります。必要なピクセル数は、物理サイズにDPIを掛けて決まります。4×6インチの写真を300DPIで印刷するには、最低1200×1800ピクセル(4×300と6×300)が必要です。プロ向けの印刷には300DPIが必要で、一般家庭用の印刷であれば150〜200DPIでも十分です。印刷用に画像を変換する際は、想定する印刷サイズに対してピクセル寸法を確認する必要があります。1920×1080の画像は、300DPIでは6.4×3.6インチまでしかきれいに印刷できません。
画像変換におけるカラーマネジメント
カラープロファイルは画像の色をどう表示すべきかを定義するもので、sRGB、Adobe RGB、ProPhoto RGBの順に色の表現範囲が広がっていきます。sRGBは一般的なモニターの性能に合わせたもので、Web標準として使われています。ブラウザは埋め込みプロファイルのない画像をsRGBとみなします。Adobe RGBはプロ写真で使われるより鮮やかな緑や青を捉えます。Adobe RGBからsRGBへ変換すると、sRGBの狭い範囲に圧縮される際に一部の色がくすんで見えることがあります。
画像を変換する際は、変換先の形式がカラープロファイルに対応している場合(JPG、PNG、TIFF、WebPはすべて対応)、埋め込みプロファイルを保持してください。プロファイルのない画像は、デバイスによっては色が過剰に鮮やかになったり、逆に薄く見えたりすることがあります。Web公開の場合は、デバイス間で見た目を一貫させるため明示的にsRGBに変換してください。印刷ワークフローではRGBをCMYKに変換する必要がある場合があり、プリンターは画面とは異なる方式で色を再現するため色味が変化します。
SNS向けの画像最適化
SNSプラットフォームは画像サイズの要件を定めており、アップロードされた画像を自動で圧縮します。Instagramの投稿は1080×1080(正方形)または1080×1350(縦長)が最適です。Facebookのリンクプレビューは1200×630で最適に表示されます。Twitterのカードは概要画像に1200×675を使用します。アップロード前にプラットフォームごとの推奨サイズに変換しておくことで、予期しないトリミングを防ぎ、意図した通りにコンテンツが表示されるようにできます。
形式の選択はSNSでの画像品質に影響します。JPGは写真や複雑な画像に最も適しています。PNGはくっきりしたテキストやグラフィックを保持しますが、多くのプラットフォームは結局JPGに再圧縮するため、PNGのロスレスの利点は失われがちです。アップロード前に品質80〜85でJPGに変換しておけば、プラットフォームによる強い再圧縮に任せるのではなく、圧縮を自分でコントロールできます。ファイルサイズの上限はプラットフォームごとに異なり、Facebookは100MB、Instagramは30MB未満が推奨、Twitterは画像を5MBに制限しています。
Webパフォーマンスと画像最適化
ページの読み込み速度はユーザー体験と検索順位の両方に影響し、画像は通常ページ全体の重量の50〜80%を占めます。GoogleのCore Web Vitals指標は読み込みの遅いページにペナルティを課し、検索での表示に直接影響します。PNGのスクリーンショットをWebPに変換すると、目に見える画質の低下なしにファイルサイズを60〜80%削減できます。ヒーロー画像を2MBから300KBに最適化すると、ページの読み込み時間が数秒短縮されます。これはユーザーがサイトに留まるか離脱するかを分ける差です。
レスポンシブな画像配信は、デバイスごとに異なるサイズの画像を提供します。モバイルには800px版、デスクトップには2400px版を配信することで通信量の無駄を防ぎます。画像を複数の解像度(1x、2x、3x)で変換し、srcset/picture要素を使ってブラウザに適切なバージョンを選ばせてください。この手法により、高DPIディスプレイ向けの画質とモバイル回線でのパフォーマンスの両立が可能になり、見た目の期待と読み込み速度の要件の両方を満たせます。
画像形式の進化と今後の動向
PNGはフルのアルファチャンネルにより最も堅牢な透明度対応を提供しています。各ピクセルは完全に不透明、完全に透明、またはその間のどの状態にもなり、滑らかなアンチエイリアス処理された輪郭を表現できます。WebPも同様の透明度機能を、より優れた圧縮とともに提供します。GIFはバイナリの透明度のみに対応しており(ピクセルは完全に透明か完全に不透明のどちらか)、形状の輪郭にギザギザが生じます。透過画像を扱う際は、画質を保つためPNGとWebP間で変換するか、JPGへの変換で背景が追加されることを受け入れてください。
HEIC(High Efficiency Image Container)は、iOS 11以降Appleが標準採用している写真形式で、優れた圧縮を実現しています。HEIC写真は同等のJPGファイルより通常50%小さくなります。ただし、Apple製デバイス以外でのHEICの互換性は限られています。Windows、Android、多くのWebプラットフォームは、特別なコーデックなしにHEICを認識しません。iPhoneの写真をHEICからJPGに変換すれば、あらゆるデバイスで開け、メール添付でも問題なく、互換性エラーなくWebサイトにアップロードできます。
印刷用とデジタル用の画像要件の違い
印刷プロジェクトはデジタル表示とは異なる仕様を必要とします。プロ向けの印刷には、正確な再現のため最低300DPI、CMYKカラーモードが必要です。標準的な8x10インチの印刷には、少なくとも2400x3000ピクセルが必要です。RGB画像をCMYKに変換すると色味が変化することがあり、特に鮮やかな青や緑はCMYKの色域の外にあるため影響を受けやすくなります。
デジタル画像はRGBカラーモードを使用し、物理的な寸法ではなくピクセルで測られます。画面解像度は72DPI(古いディスプレイ)から400DPI以上(最新のスマートフォン)までさまざまです。Web画像は、デバイス間で表示を一貫させるためsRGBカラープロファイルの恩恵を受けます。印刷とデジタルのワークフロー間で変換するには、色の扱いと解像度の要件についてのこうした根本的な違いを理解する必要があります。
メタデータとEXIF情報
デジタル写真に埋め込まれたEXIFメタデータには、多くの人が思う以上の情報が含まれています。カメラの設定(シャッター速度、絞り、ISO)、撮影日時、デバイスのメーカーとモデル、GPS座標がすべてデフォルトで画像ファイル内に隠れています。画像ライブラリを整理する写真家にとって、このメタデータは非常に貴重です。撮影日での並べ替え、焦点距離での絞り込み、撮影場所のマッピングなどに使えます。一方でプライバシーを重視した共有においては、この同じメタデータが、住んでいる場所、家を空けているタイミング、所有している機材といった機微な情報を露呈してしまいます。
形式の変換は、メタデータを管理する機会にもなります。JPG、PNG、TIFF、WebPはすべてメタデータに対応していますが、その機能は異なります。JPGはEXIFとIPTC規格を幅広く使用します。PNGは構造が限定的なチャンクにテキストを保存します。TIFFはプロ向けワークフローのため最も多くの種類のメタデータを扱えます。変換の際は、メタデータを保持するか削除するかを指定してください。保持すれば整理上の価値が保たれ、削除すればプライバシーが保護されます。多くのSNSプラットフォームは自動的にメタデータを削除しますが、自分で管理することで、アップロード前に機微な情報が漏れないようにできます。
画像圧縮の品質設定
非可逆圧縮形式の品質設定は、ファイルサイズと見た目の間に非線形なトレードオフを生みます。品質100はほぼロスレスな画像を生成しますが、PNGに比べたファイルサイズの削減はわずかで、非可逆圧縮を使う意味が薄れてしまいます。品質90〜95は、ほとんどの写真で知覚できない画質低下でファイルサイズを50〜60%削減します。品質80〜85(推奨される最適な範囲)は、Web表示やSNS共有で視覚的に許容できる範囲を保ちながら70〜80%のサイズ削減を実現します。
品質70を下回ると、圧縮によるノイズが徐々に目立つようになります。品質60〜70はグラデーションにブロック状のパターンが現れ、テキストの輪郭がぼやけますが、サムネイルやプレビューには使えます。品質50未満は大きく劣化した画像になり、プレースホルダーとしてのみ適しています。コンテンツの種類によって許容度は変わります。自然な質感を持つ写真は、単色やテキストを含むグラフィックよりも圧縮の影響が目立ちにくくなります。画一的な設定を適用するのではなく、実際の画像でさまざまな品質レベルを試して、許容できる妥協点を見つけてください。
画像形式から探す
- JPG Tools — JPG/JPEG画像を変換
- PNG Tools — 透明度に対応したPNG画像を変換
- WebP Tools — 最新のWebP形式を変換
- GIF Tools — GIF画像やアニメーションを変換
- BMP Tools — ビットマップ画像を変換
- TIFF Tools — TIFF画像を変換
- SVG Tools — ベクター画像を変換
- ICO Tools — アイコンファイルを変換
- HEIC Tools — convert iPhone HEIC photos to JPG, PNG, and other formats
画像ファイルサイズのガイドライン
ファイルサイズは、画像の寸法、内容の複雑さ、形式によって大きく異なります。一般的な1200万画素の写真(4032x3024ピクセル)は、高品質のJPGで約3〜6MB、PNGで8〜12MB、WebPで2〜4MBになります。テキストを含むスクリーンショットは写真よりも圧縮しやすく、1920x1080のスクリーンショットはPNGでわずか200〜500KBになることもあります。
Web最適化では、幅1000ピクセル未満の画像は100KB未満、フル幅のヒーロー画像は300KB未満を目標にしてください。この目標は、視覚的な画質とページの高速な読み込みのバランスを取るものです。この目標を達成しつつ許容できる見た目の忠実度を保つため、JPGとWebPでは品質80%前後の設定を使用してください。
非可逆からロスレスへの変換における注意点
非可逆形式からロスレス形式への変換は、失われたデータを復元するものではなく、ファイルサイズを増やすだけです。JPGからPNGへの変換は、現在のJPGの画質をロスレスなコンテナに保持し、その後の編集でさらに劣化するのを防ぎます。生成されるPNGはJPGより3〜5倍大きくなりますが、JPGによる圧縮ノイズは恒久的なものであるため見た目が良くなるわけではありません。この変換は、PNG特有の機能(透明度レイヤー、ロスレスな編集ワークフロー)が必要な場合には意味がありますが、画質の向上を目的とする場合には適していません。
プロ向けのワークフローでは、非可逆な配布用バージョンを生成する前に、ロスレス形式(PNG、TIFF、または元のカメラのRAW)でマスターコピーを保持します。この方法により最大限の柔軟性が保たれます。異なる品質レベルでJPGを再書き出ししたり、Web用にWebP版を作成したり、累積的な画質低下なしに色を調整したりできます。一度画像がJPGに圧縮され、元のロスレス版が削除されると、画質を回復することはできません。すでに圧縮されたデータに制限されます。オリジナルは、最適化された配布用バージョンとは別に保管してください。
アニメーションと複数フレーム画像
GIFは1989年にアニメーション画像の先駆けとなり、現在もあらゆるブラウザやプラットフォームで普遍的にサポートされています。しかし、GIFの256色パレットは写真やグラデーションに目に見える色の帯やディザリングを生じさせます。5秒のアニメーションGIFは、寸法とフレーム数に応じて2〜5MBになります。WebPのアニメーション形式はフルの24ビットカラーに対応し、より優れた圧縮を実現します。同等のアニメーションでも、数百万色を滑らかに表示しながらGIFより50〜70%小さくなります。最新ブラウザはWebPアニメーションに対応していますが、古い環境ではGIFへのフォールバックが必要です。
一部の形式は、目的に応じて1つのファイルに複数の画像を格納します。ICO形式は同じアイコンを複数の解像度(16×16、32×32、48×48、256×256)でまとめており、OSやブラウザが表示状況に応じて適切なバージョンを選択できるようにします。複数ページのTIFFファイルは、文書のスキャンを連続したページとして保存します。こうした複数画像形式を変換する際は、どのフレームを抽出するか、あるいはすべてのフレームを個別のファイルとして書き出すかを指定してください。JPGやPNGのような単一画像形式は1つのフレームしか保持しません。
関連する変換ツール
- 画像圧縮
- 動画変換ツール — MP4、AVI、MKVなどの動画形式間で変換
- 音声変換ツール — MP3、WAV、FLACなどの音声形式間で変換
- PDF変換ツール — PDFを画像や編集可能な文書に変換
- JPG to PDF — 画像からPDF文書を作成
- 画像OCR — 画像からテキストを抽出
Image Guides & Resources
- SVG to PNG Conversion Guide — how to convert SVG vector files to PNG
- HEIC to JPG Guide — convert iPhone HEIC photos to JPEG format