🔄 画像フォーマット変換

PNG / WebP / JPEG / AVIF を相互変換します。品質スライダーでファイルサイズを調整可能。Canvas API でブラウザ内処理。

完全無料登録不要ブラウザ完結 5 言語対応ダークモード

📂

画像をドラッグ＆ドロップ、またはクリック

🔗 関連ツール

📖 つまずきやすいポイント

Canvas API を使ってブラウザ内だけで PNG / WebP / JPEG / AVIF を相互変換します。ファイルはアップロードされません。ただし Canvas を経由するということは、画像を一度ピクセルに展開して描き直しているということです。元ファイルに入っていた撮影日時や位置情報、カラープロファイル、アニメーションといったピクセル以外の情報は、この過程ですべて失われます。

ケース	何が起きるか	どうする
スマホ写真の向きが変わる	スマートフォンはセンサーの向きのまま記録し、EXIF の Orientation タグで「表示時に回してください」と伝えています。Canvas はそのタグを持ち越さないので、EXIF を尊重しない環境では横倒しに見えていた写真が、変換後は全環境で横倒しになります。逆に、変換前から正しく見えていたのに変換後に倒れる、という現象も同じ原因です。	変換前に EXIF ビューアで Orientation の値を確認し、1 以外なら画像回転で先に正しい向きへ焼き込んでから変換してください。順序が逆だと、回転した結果に対してさらに回転指示が残る形になります。
色が少しくすむ・転ぶ	デジタルカメラや Adobe 製ツールの書き出しは Display P3 や Adobe RGB といった広色域プロファイルを埋め込んでいることがあります。Canvas は原則として sRGB で扱うため、プロファイルが剥がれた結果、鮮やかな赤や緑がわずかに沈んで見えます。並べて比べないと気付かない程度ですが、ブランドカラーを扱う場面では問題になります。	Web 掲載用なら元データの段階で sRGB に変換しておくのが確実です。Photoshop なら「Web 用に保存」や「プロファイルの変換」で sRGB を指定します。印刷用や広色域を保ちたい素材は、この変換を通さずに元ファイルのまま扱ってください。
大きい画像で失敗する・真っ黒になる	Canvas にはブラウザごとに面積の上限があります。とくに iOS Safari は端末のメモリに応じて厳しく、目安として 1 辺 4,096px あるいは総画素 1,600 万〜1,700 万を超えたあたりから、例外を投げずに真っ黒や空の画像を返します。エラーが出ないため原因に気付きにくい挙動です。	先に画像リサイズで長辺 4,000px 程度まで縮めてから変換してください。Web 掲載が目的なら、2,000px を超える画像はほぼ確実に過剰です。Retina 表示を考慮しても、実際の表示幅の 2 倍あれば足ります。

アニメーション GIF や複数フレームの WebP を入れると、1 コマ目だけの静止画になります。Canvas が扱えるのは 1 フレームだけだからです。動きを保ったまま形式を変えたい場合は、このツールではなく ffmpeg など動画・アニメーション対応の処理系が必要です。また、撮影場所の GPS 情報が落ちること自体は、Web に公開する画像にとってはむしろ利点です。SNS の多くは投稿時に EXIF を除去しますが、自社サイトに直接置く画像は誰も除去してくれません。

📖 使い方

1

画像を読み込む

ドラッグ＆ドロップかクリックで選択。ファイルはブラウザ内に留まり、サーバーへは送信されません
2

出力形式と品質を決める

WebP と AVIF は品質スライダーが効きます。PNG は可逆なのでスライダーの影響を受けません
3

変換してダウンロード

変換前後のファイルサイズを見比べてから保存できます

❓ よくある質問

WebP と AVIF はどちらを選べばいい？

同じ見た目なら AVIF のほうが 2〜3 割小さくなりますが、エンコードは明確に遅く、古い環境では表示できません。

透過が黒くなってしまいました

JPEG はアルファチャンネルを持てないため、透過部分は必ず単色で塗りつぶされます。透過を残したいなら PNG・WebP・AVIF のいずれかを選んでください。

変換したのにサイズが増えました

写真以外を JPEG にした場合と、既に圧縮済みの JPEG を PNG にした場合に起きます。イラストやスクリーンショットのように色数が少ない画像は PNG か WebP のほうが小さくなります。

🐛 このツールで問題が発生しましたか？

完全無料・登録不要。再現手順だけでも結構です。届いたご報告は運営者に直接届き、修正の参考にします。

🔄 画像フォーマット変換

入力

出力プレビュー

🔗 関連ツール

📖 つまずきやすいポイント

📖 使い方

❓ よくある質問

ご報告ありがとうございます！