画像コンバーター

ブラウザを離れずに画像を変換・圧縮する

オンライン変換サービスの多くは、素性の分からないサーバーへファイルをアップロードさせ、順番待ちをさせたうえで結果をダウンロードさせます。このツールは処理を手元で行います。コーデックはRustのクレートをWebAssemblyにコンパイルしたもので、Web Worker上で実行されます。そのため1200万画素の写真を再エンコードしてもページが固まることはなく、画像のデータが1バイトたりとも端末の外へ出ることもありません。

出力形式の選び方

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を選んでください。