HEIC to WebP: iPhone写真を1ステップでWeb用に変換

iPhoneで撮影した写真をウェブサイトに掲載する場合は、HEICから直接WebPに変換してください。直接変換することで、JPEGを経由して画質を2回劣化させることなく、デコードとエンコードを1回ずつで済ませることができます。その結果、通常は同等の視覚品質のJPEGと比較して、ファイルサイズを25%から35%小さく抑えることができます。

非可逆圧縮の再エンコードを行うたびに、画像のディテールは少しずつ失われます。High Efficiency Image Container (HEIC)からJPEGに変換し、さらにJPEGからWebPに変換すると、1回で済むはずの劣化プロセスを2回通ることになります。WebPファイルが作成されてしまえば、中間ファイルであるJPEGには何の役割もありません。

直接変換するルートが優れている理由

非可逆圧縮のエンコードを行うたびにディテールは永久に失われ、その劣化は段階的に蓄積されます。2段階の変換を行うと、圧縮によるダメージが2回適用されることになり、2回目の処理ではそのダメージ自体をさらに圧縮することになります。

この2回目の処理が無駄を発生させます。JPEG圧縮は輪郭の周囲に微小なノイズ（アーティファクト）を発生させますが、WebPエンコーダーはダメージと本来のディテールを区別できないため、そのノイズを忠実に再現するためにデータ容量（ビット）を消費してしまいます。JPEGを経由しないことで、WebPエンコーダーは元のピクセルから処理を開始し、そのデータ容量を写真そのものの描写に充てることができます。

WebPは実際にどれくらい小さくなるのか

WebPファイルは、同等の視覚品質においてJPEGより25%から35%小さくなり、元のHEICのサイズに非常に近くなります。この削減効果は、空、壁、肌などの滑らかな領域が多い写真で最も顕著に現れます。

最後の行は、WebPがHEICを完全に上回るケースを示しています。WebPには平坦な色やシャープな輪郭に適したロスレス（可逆圧縮）モードが備わっているため、スクリーンショットやグラフィックは、写真向けのどちらのフォーマットよりもWebPでより高度に圧縮されます。

WebPとJPGの使い分け

ウェブページに表示するすべてのものにはWebPを使用し、フォームへのアップロード、メール送信、印刷所への入稿にはJPGを使用します。この使い分けは、それぞれの送信先がデコードできるフォーマットに基づいています。

• ウェブサイトおよびコンテンツ管理システム。デスクトップおよびモバイルのすべての現行ブラウザでサポートされているWebPを使用します。
• オンラインショップおよびマーケットプレイス。ページの読み込み速度がコンバージョン率に影響するため、対応している場合はWebPを使用します。
• 行政や試験のポータルサイト。アップロード時の検証でWebPが拒否されることが多いため、JPGを使用します。
• メールマガジン。メールクライアントにおけるWebPのサポート状況は依然として一貫していないため、JPGを使用します。
• 印刷およびデザインソフトウェア。印刷ワークフローでWebPが受け入れられることは稀なため、JPGまたは元のHEICを使用します。

HEICからWebPへの変換方法

ウェブサイト用にiPhoneの写真フォルダを一括変換するには、以下の6つの手順に従ってください。

1. ケーブルを使って写真をスマートフォンからコピーするか、iCloudからZIPアーカイブとしてダウンロードします。
2. モダンブラウザでHEIC to WebPコンバーターを開きます。
3. 選択した写真全体、またはZIPアーカイブをドロップエリアにドラッグします。
4. 写真が固定幅で表示される場合は、変換前にリサイズを行います。800ピクセルの表示枠に4000ピクセルの画像を配置することは、ファイル容量の大部分を無駄にすることになります。
5. ウェブ用途の場合は画質を80に設定します。この値は、ファイルサイズを小さく抑えつつ、画質の劣化を目立たなくできる最適なバランスです。
6. 変換結果を1つのZIPファイルとしてダウンロードし、サイトにアップロードします。

変換前のリサイズは、画質設定よりも重要です。画像の寸法がファイルサイズの大部分を決定するため、表示幅に合わせて縮小された写真は、高速なページ読み込みの実現に向けてすでに大部分のステップをクリアしていることになります。

透過性とアニメーションの維持

WebPは透過性とアニメーションをサポートしているため、JPEGへの変換で失われてしまうような情報も維持されます。JPEGには透過チャンネルが一切ないため、変換時に透過背景が強制的に不透明な白に変換されてしまいます。

通常のiPhoneの写真には透過情報が含まれていないため、カメラ画像でこれが問題になることはほとんどありません。しかし、書き出されたグラフィック、ロゴ、角が丸いスクリーンショットなどでは重要になります。これらをJPEGに変換すると、デザイナーが意図しない白い枠線が発生してしまいます。これらのファイルをWebP経由で処理することで、透過領域をそのまま維持することができます。

ウェブサイトで安全にWebPを配信する方法

picture要素を使用し、最初にWebPソースを記述し、imgタグにJPEGのフォールバックを指定することで、ブラウザは自身が理解できる最初のフォーマットを自動的に選択します。このパターンは数行のマークアップを追加するだけで、互換性のリスクを完全に排除できます。

モダンブラウザはWebPファイルを取得し、古いブラウザはJPEGにフォールバックします。現在、ほとんどのコンテンツ管理システムはアップロード時にこれを自動的に処理するため、手動でコードを書く前に、お使いのプラットフォームがすでにこのマークアップを生成しているか確認してください。すべてのファイルをJPEGに再エンコードしてしまうプラットフォームにWebPファイルをアップロードすると、サイズ削減の恩恵を受けられないまま互換性のリスクだけが残るため、プラットフォームごとに一度確認しておく価値があります。

変換する前にリサイズする

写真を実際に表示される最大サイズに縮小してから変換してください。画像の寸法は、画質設定よりもファイルサイズに強く影響します。iPhoneの写真は約3024×4032ピクセルで保存されますが、ウェブページでこれほど大きな画像を表示することはほとんどありません。

幅800ピクセルのカラムに表示される写真は、高密度ディスプレイで鮮明に見せるために1600ピクセルあれば十分であり、それ以上のサイズは不要です。3024ピクセルから1600ピクセルにリサイズすると、エンコーダーが処理を開始する前にピクセルデータの約72%が削除され、通常はどのような画質設定よりも多くの容量を削減できます。画像がレンダリングされる最大幅を測定し、それを2倍した数値にライブラリを一括リサイズしてください。

2026年におけるWebPのブラウザサポート状況

Chrome、Firefox、Safari、Edgeなど、デスクトップおよびモバイルのすべての現行ブラウザがWebPをサポートしています。かつてこのフォーマットに対する主な懸念は互換性でしたが、2020年にSafariがサポートを追加したことで、その議論は終了しました。

ブラウザ以外のサポート状況には依然としてばらつきがあるため、この違いを意識しておくことが重要です。デザインソフトウェア、印刷ワークフロー、メールクライアント、アップロードフォームなどはブラウザよりも数年遅れているため、ウェブページ上で完璧に表示されるWebPファイルであっても、メルマガ配信プラットフォームや行政のポータルサイトでは拒否されることがあります。フォーマットの適性は、ブラウザの対応表だけでなく、最終的な送信先に基づいて判断してください。

写真の撮影日時と位置情報の保持

EXIFメタデータには撮影日時、カメラ設定、位置情報が含まれており、これらを保持するコンバーターを使用することで、写真を正しく整理された状態に保つことができます。フォトライブラリはファイル作成日ではなく撮影日時で写真を並べ替えるため、このフィールドが失われるとアルバムの順序がバラバラになってしまいます。

位置データは、公開する前に考慮すべきフィールドです。数メートル以内の精度で記録された座標は、個人アーカイブとしては便利ですが、公開ウェブサイト、特に自宅で撮影された写真においては不適切です。500ファイルの一括処理を実行する前に、どちらの挙動を望むかを決定してください。後から変更する場合は、すべてのファイルを再度処理し直す必要があります。

推奨される画質設定

ウェブ上のWebPのデフォルト設定としては画質80が適しており、大きく表示される写真には画質90が適しています。WebPは同じ数値においてJPEGよりもディテールを維持しやすいため、画質80のWebPファイルは、画質85以上のJPEGと同等に見えます。

70を下回ると、特に大きなヒーロー画像において、顔や滑らかなグラデーション部分に劣化が目立ち始めます。90を超えると、画面上では誰も気づかないような違いのためにファイルサイズが急激に増加します。500ファイルの一括処理を行う前に、代表的な写真を1枚選び、3つの設定でテストすることをお勧めします。最適な数値は、公開する画像の種類によって異なります。

フォトライブラリ全体の一括変換

ZIPアーカイブを直接ドロップするだけで、内部に含まれるすべての対応画像が自動的に抽出され、変換されます。iCloudからのダウンロードやスマートフォンのバックアップは通常すでにZIP形式になっているため、何百ものファイルを手動で選択する必要はありません。

最大500ファイルまでのバッチ処理を一度に実行でき、すべての処理はサーバーではなく、お使いのデバイスのプロセッサ上で行われます。アップロードは一切行われないため、未公開の写真、クライアントの案件、プライベートな画像が外部に送信されることはありません。ウェブサイトのリニューアルにおいて、画像ライブラリ全体を、ネットワークを介してファイルを1つも送信することなく、数分で変換することができます。