画像変換ツール
変換前後をその場で見比べながら、画像の再エンコード・リサイズ・ベクター化ができます。 処理はすべて端末内で完結し、アップロードは一切ありません。
- 入力
- PNG · JPEG · WebP · GIF · BMP · TIFF · ICO · SVG
- 出力
- WebP · AVIF · JPEG · PNG · SVG
変換したい画像をドロップ
PNG・JPEG・WebP・GIF・BMP・TIFF・ICO・SVGに対応。処理はすべてブラウザ内で行われ、ファイルが端末の外に出ることはありません。
ブラウザを離れずに画像を変換・圧縮する
オンライン変換サービスの多くは、素性の分からないサーバーへファイルをアップロードさせ、順番待ちをさせたうえで結果をダウンロードさせます。このツールは処理を手元で行います。コーデックはRustのクレートをWebAssemblyにコンパイルしたもので、Web Worker上で実行されます。そのため1200万画素の写真を再エンコードしてもページが固まることはなく、画像のデータが1バイトたりとも端末の外へ出ることもありません。
出力形式の選び方
| 形式 | 向いている用途 | トレードオフ |
|---|---|---|
| AVIF | ファイルサイズを何より小さくしたい写真 | エンコードが最も遅い。かなり古いブラウザには代替が必要 |
| WebP | 写真にもUI画像にも使える無難な既定値 | 同等画質ではAVIFよりわずかに大きい |
| JPEG | 古いソフトも含めた最大限の互換性 | アルファチャンネルがなく、透過は白で塗り潰される |
| PNG | スクリーンショット、ベタ塗り、透過が必要なもの全般 | 可逆圧縮のため、写真ではファイルが大きいまま |
| SVG | 拡大しても崩れてはいけないロゴ・アイコン・線画 | 写真をトレースすると巨大で実用にならないファイルになる |
PNGやJPGをSVGに変換する
ベクター化はファイル名を変えることとはまったく別物です。トレーサーは隣り合うピクセルを色の領域としてまとめ、各領域の輪郭をたどってスプラインを当てはめ、Figma・Illustrator・Inkscapeで開いて編集できるパスを生成します。まずスペックル除去で圧縮ノイズを落とし、ベタ塗り部分にバンディングが出るようなら色の精度を上げてください。単色ロゴなら、カラーモードを白黒に切り替えると出力は劇的に小さく、きれいになります。
このサイト上部のカメレオンも、まさにこの方法で作られています。元の絵はJPEGで、いま見えているマークはこのページのベクター化機能が出力したトレース結果です。
よくある質問
- PNGをAVIFに変換するには？
- PNGをキャンバスにドロップし、出力パネルでAVIFを選び、プレビューを見ながら品質を調整してください。AVIFは同等画質のWebPより30〜50%小さくなるのが一般的ですが、その分エンコードには時間がかかります。
- ラスター画像をSVGに変換できますか？
- できます。SVGを選ぶと、ビットマップがベクタートレーサーを通り、色の領域に曲線を当てはめて本物のベクターパスを書き出します。書き出したファイルはFigma・Illustrator・Inkscapeで開けます。ロゴ・アイコン・線画に最適で、写真は非常に大きなSVGになるためAVIFやWebPのままにするのが賢明です。
- 対応している画像形式は？
- 入力：PNG・JPEG・WebP・GIF・BMP・TIFF・ICO・SVG。SVGはエンコード前にブラウザ側でラスタライズされるため、ベクターロゴを実用的な解像度のWebP・AVIF・JPEG・PNGにできます。出力：WebP・AVIF・JPEG・PNG・SVG。
- effort（労力）のスライダーは実際に何を変えるのですか？
- エンコード時間と引き換えにファイルを小さくする設定です。AVIFでは速度設定を動かし、探索が遅いほどより良い予測が見つかります。PNGではdeflateのレベルを選びます。画質は変わりません — 変わるのはファイルサイズと待ち時間だけです。
- 透過PNGをJPEGに変換すると白くなるのはなぜですか？
- JPEGにはアルファチャンネルがありません。透過をそのまま落として黒い縁が出るのを避けるため、エンコーダーは画像を白の上に合成します。透過を保ちたい場合はWebP・AVIF・PNGを選んでください。