画像形式を変換 — PNG / JPEG / WebP / AVIF(端末内)
ブラウザだけで PNG・JPEG・WebP・AVIF を相互変換します。手順:ファイルを選び、出力形式と画質(JPEG なら背景色)を決めてダウンロード。例:透過 PNG のスクリーンショットを WebP にして軽量化 — 画像は端末から出ません。
0.85
JPEG の背景
使い方
画像と出力形式を選びます。このタブで復号し canvas に描画してからブラウザのエンコーダを呼びます。JPEG では先に背景を敷けます。出力 MIME を検証し、黙って別形式になる場合は成功扱いしません。
押さえておきたいルール
透過・画質・エンコード可否は形式ごとに違います。
- 流れ:復号 →(JPEG)背景塗り → 描画 → toBlob。PNG は画質無視。
- 透過:PNG/WebP/AVIF は alpha 可。JPEG は不可のため背景色を選ぶ。
- 表示できる≠書き出せる。AVIF 書き出しは主に Chromium。blob.type を確認。
- プライバシー:画像はアップロードしません。組み込み API のみ。
例
240×160 の透過 PNG アイコンを白背景 JPEG にすると alpha なし。同じ画像を WebP 0.85 にするとピクセルはそのままファイルが小さくなりがち。「サンプルを読み込む」で試せます。
こんなときに
- 配信:スクリーンショットや写真を WebP/AVIF にしてから CMS/CDN へ。
- 受け渡し:透過 UI アイコンを指定背景の JPEG に潰す。
- 互換:AVIF/WebP を古いソフト向けに JPEG へ。
Frequently asked questions
画像はサーバーに送られますか?
いいえ。すべて端末内です。Network で POST がないことを確認できます。
AVIF が選べないのはなぜ?
表示は広くても書き出しは限られます。非対応時は無効化するか明確に失敗します。
透過を JPEG にすると?
JPEG に alpha はありません。白・黒・指定色の背景を選んでください。
画質スライダーは PNG に効きますか?
いいえ。PNG はロスレス。JPEG/WebP/AVIF で使います。
本当に WebP/AVIF になったか?
結果の MIME を見てダウンロードで確認。黙ったフォールバックはエラーにします。
お問い合わせ・フィードバック
分かりにくい点、不具合、不足があれば下にメッセージを書いてください。ツールに関する内容はすべて確認します。