画像をドラッグ&ドロップ または
PNG / JPEG / WebP / AVIF / GIF をサポート (decode 側)
各フォーマットの構造的な違い
- PNG — ロスレス。フルアルファ。
quality引数は無視される。Predictor filter (Sub / Up / Average / Paeth) + DEFLATE。同じ Canvas からは常に同じバイト列が出力される。 - JPEG — lossy。アルファチャンネル無し → 透明背景は flatten される (本ツールでは指定色で塗りつぶす)。DCT + 量子化テーブル + Huffman。1992 年の仕様で、写真用に設計。
- WebP — lossy / lossless 両対応。アルファあり。lossy は VP8 video codec のイントラフレーム。lossless は PNG と異なるアプローチ (color cache + LZ77 + Huffman) で通常 PNG より 20-30% 小さい。
- AVIF — AV1 video codec の still-frame。アルファあり。encode は Chromium 系のみ広くサポート。decode は Safari 16+, Firefox 93+。同じ視覚品質で WebP よりさらに 30-50% 小さい。
※ ブラウザによって canvas.toBlob がフォーマットを拒否することがあります (特に AVIF on Safari/Firefox)。
本ツールは戻り値の MIME を検証して、サポート外フォーマットは「N/A」として表示します。