Image Format Converter

画像形式変換ツール

PNG・JPG・WebP・AVIFをドラッグ＆ドロップで変換し、そのままダウンロードできます。すべての処理はブラウザ内で完結し、画像データがタブの外に送信されることはありません。

画像形式変換ツール — TL;DR

PNG・JPG・WebP・AVIFをドラッグ＆ドロップで変換し、そのままダウンロードできます。すべての処理はブラウザ内で完結し、画像データがタブの外に送信されることはありません。

いいえ。このツール全体がページ内で動作するJavaScriptです。画像はcreateImageBitmapでデコードされ、canvas上に描画され、canvas.toBlobで再エンコードされます。すべての処理はブラウザ内で完結します。DevTools → Networkを開いて確認すれば、変換中に通信が一切発生しないことがわかります。個人写真、スクリーンショット、デザインファイル、機密文書も安心してご利用いただけます。

PNGは可逆圧縮で、すべてのピクセルを正確に保持します。JPGは非可逆圧縮で、なめらかなグラデーションのある写真に最適です。元のPNGがスクリーンショットや線画、または単色領域が多い画像の場合、JPGはPNGよりも圧縮効率が悪くなり、ファイルサイズが大きくなることがあります。スクリーンショットやUI素材にはPNGまたはWebPをお使いください。JPGは写真でこそ真価を発揮します。

写真には位置情報や顔が含まれ、スクリーンショットには認証情報が写り込むことがあり、デザインカンプは未公開のプロダクト機能そのものです。これらを他社サーバーに貼り付けるのは、目立たない情報漏洩につながります。iKitの変換ツールは、すでにブラウザのタブに読み込まれているJavaScriptで動作します。

非可逆形式（JPG / WebP / AVIF）のみに適用されます。PNGは常に可逆圧縮です。多くの写真では75〜85%が最適です。
ここに画像をドロップ、またはクリックして選択
PNG・JPG・WebP・AVIF・GIF・BMPに対応。複数ファイルもOK。アップロードは行いません。

iKit 画像形式変換ツールの特長

デザイナー、開発者、そして「ファイル形式が違う」と言われた経験のあるすべての方のために。サーバーを待つことなく、2クリックで変換できます。

4つの形式を1つのツールで

PNG・JPG・WebP・AVIFを自由な方向に変換できます。複数の形式が混在するフォルダーをドロップしても、すべてを一度に同じ形式へまとめて変換できます。

細やかな画質調整

非可逆形式（JPG / WebP / AVIF）の画質を40％から100％までスライダーでリアルタイムに調整できます。PNGは常にピクセル単位で完全な可逆圧縮です。

プライバシーを最優先に設計

変換はブラウザのcanvas APIで実行されます。アップロードもログも第三者送信もありません。DevTools → Networkで通信が一切発生しないことを実際に確認できます。

最新形式に対応

WebPとAVIFは同等の画質でJPG/PNGより25〜50％ファイルサイズを削減できることが多くあります。AVIFのエンコードにはChrome 85以上またはSafari 16.4以上が必要で、機能を自動検出してお知らせします。

一括ダウンロード

数十枚の画像をまとめて変換し、「すべてダウンロード」をクリックするだけで保存できます。各ファイルは元のファイル名に新しい拡張子を付けて保存されます。

オフラインでも動作

ページを読み込んだ後は、すべての変換処理がローカルで実行されます。飛行機や電車の中、社内ファイアウォール内、ネットワーク未接続でも問題なく利用できます。

ブラウザで画像変換が完結する仕組み

この処理にサーバーは介在しません。必要なコーデックはすでにブラウザに内蔵されています。

  1. 1

    ソースをデコード

    createImageBitmap(file)を呼び出し、ブラウザ標準の画像コーデックで生のバイト列を描画可能なビットマップに変換します。PNG・JPG・WebP・AVIF・GIF・BMPなど、<img>で表示できる形式はすべてデコード可能です。

  2. 2

    canvasに描画

    新しい<canvas>を画像本来の幅×高さにサイズ設定し、ビットマップをフル解像度で描画します。リサンプリングも拡大縮小もない、ピクセル単位の正確な転写です。

  3. 3

    目的の形式に再エンコード

    canvas.toBlob('image/webp', 0.82)でcanvasのピクセルを指定形式のブラウザ内蔵エンコーダーに渡し、Blobを取得します。形式の切り替えで変えるのはMIME文字列だけです。

  4. 4

    ダウンロードとして提供

    URL.createObjectURL(blob)でローカルURLを生成し、ダウンロード用リンクに割り当てます。ネットワークを一切経由しないファイルがユーザーの手元に渡ります。

よくある画像変換のシーン

実際に画像変換ツールが必要になる場面の例です。

投稿前に写真を軽量化

スマートフォンで撮影した写真は4〜8 MBのJPGやHEICで保存されることが多くあります。WebPの画質75％で再エンコードすれば、見た目の劣化なく約1 MBまで削減でき、ブログ投稿、フォーラムへのアップロード、メール添付に最適です。

CMS向けに透過を除去

一部のCMSや多くのOfficeアプリは、アルファ付きPNGを受け付けなかったり、不自然な背景でレンダリングしたりします。フラットな背景でJPGに変換すれば、貼り付けてそのまま使えます。

Webサイトの素材を最新化

logo.pngやhero.jpgをWebP / AVIF版に置き換え、<picture>で配信しましょう。Lighthouseのスコアが上がり、LCPが改善し、見た目の画質低下もありません。

デザイナーから受け取ったPNGをJPGで納品

24 MBのデザインカンプPNGを受け取りましたか？Webにそこまでの容量は必要ありません。画質88％でJPGに変換すれば、通常1〜2 MBで知覚的にも同等となり、ファイルサイズの余裕を取り戻せます。

ローカル変換が重要な理由

写真には位置情報や顔が含まれ、スクリーンショットには認証情報が写り込むことがあり、デザインカンプは未公開のプロダクト機能そのものです。これらを他社サーバーに貼り付けるのは、目立たない情報漏洩につながります。iKitの変換ツールは、すでにブラウザのタブに読み込まれているJavaScriptで動作します。

  • 変換中のネットワーク通信はゼロ。DevTools → Networkで実際に確認できます。
  • 再エンコード時にEXIFメタデータ（撮影位置やデバイス情報）は削除されます。意図せぬプライバシー保護にもつながります。
  • 個人写真、スクリーンショット、社内デザインカンプ、機密文書も安心してご利用いただけます。

関連ガイド

iKit ブログの詳しいチュートリアルとツール比較。

よくある質問

このツールは安全ですか？画像はアップロードされますか？

いいえ。このツール全体がページ内で動作するJavaScriptです。画像はcreateImageBitmapでデコードされ、canvas上に描画され、canvas.toBlobで再エンコードされます。すべての処理はブラウザ内で完結します。DevTools → Networkを開いて確認すれば、変換中に通信が一切発生しないことがわかります。個人写真、スクリーンショット、デザインファイル、機密文書も安心してご利用いただけます。

変換後のJPGが元のPNGより大きくなるのはなぜですか？

PNGは可逆圧縮で、すべてのピクセルを正確に保持します。JPGは非可逆圧縮で、なめらかなグラデーションのある写真に最適です。元のPNGがスクリーンショットや線画、または単色領域が多い画像の場合、JPGはPNGよりも圧縮効率が悪くなり、ファイルサイズが大きくなることがあります。スクリーンショットやUI素材にはPNGまたはWebPをお使いください。JPGは写真でこそ真価を発揮します。

WebP・AVIF・JPGはどう使い分ければよいですか？

JPG：あらゆる端末・CMSで使える万能形式で、写真に適しています。WebP：同等画質でJPGより約25％小さく、すべての主要モダンブラウザで対応しているため、最も安全な「JPGの上位互換」です。AVIF：WebPよりさらに20〜30％小さくできますが、エンコードが遅く、デコードに対応するのはChrome／Safari／Firefox（Safariは16.4以上）です。Web用途では、JPGをフォールバックとした``を併用するならAVIF、単一形式で済ませたいならWebP、互換性が最優先ならJPGをお選びください。

ブラウザでAVIFが「対応していません」と表示されるのはなぜですか？

canvas.toBlobによるAVIFエンコードには、Chrome 85以上、Safari 16.4以上、または最新のFirefox（image.avif.compliance_strictnessの切り替えが必要）が必要です。デコード（表示）はより広く対応されていますが、AVIFの書き出しには内蔵エンコーダーが必要です。iKitは機能を自動検出し、エンコード非対応の場合は選択肢を無効化します。回避策：WebPを選ぶか、Chromiumベースのブラウザをお使いください。

画像の透過は維持されますか？

PNG・WebP・AVIFはいずれもアルファチャンネル（透過）を保持します。一方、JPGは透過に対応していません。透過PNGをJPGに変換すると、背景が白（またはcanvasの既定色）で塗りつぶされます。透過が必要な場合は、必ずWebPまたはPNGに変換してください。JPGは避けましょう。