最適化はすべてブラウザ内で行われます。ファイルがサーバーに送られることはありません。
ファイルや入力の中身は、どこにも送りません。そのうえで、このページが読み込みや送信に使える通信先を、Content-Security-Policy でこのサイトとアクセス解析(Google アナリティクス・Cloudflare Web Analytics・Ahrefs Web Analytics)だけに制限しています。
ハンドルを左右にドラッグして比較できます。
最適化はすべてブラウザ内で行われます。ファイルがサーバーに送られることはありません。
ファイルや入力の中身は、どこにも送りません。そのうえで、このページが読み込みや送信に使える通信先を、Content-Security-Policy でこのサイトとアクセス解析(Google アナリティクス・Cloudflare Web Analytics・Ahrefs Web Analytics)だけに制限しています。
ハンドルを左右にドラッグして比較できます。
SVGの最適化、画像のベクター化、書き出し方法について回答します。
コメント、メタデータ、不要な属性や空の要素を削除し、数値、色、パスの記述を短くします。viewBoxは保ち、通常は見た目を変えずにファイルサイズを小さくします。
はい。PNGまたはJPEGを読み込むと輪郭を解析してベクターデータへ変換し、その結果をさらにSVGとして最適化します。写真よりも、ロゴ、アイコン、線画のように色や輪郭がはっきりした画像に向いています。
はい。元の画像と最適化後の画像を重ねた比較表示で境界を動かし、見た目の違いを確認できます。元より大きくなる場合は、そのことも画面に表示します。
できます。SVGコードそのものに加え、HTMLやCSSへ貼り付けやすいdata URI形式でもコピーできます。ファイルとしてダウンロードすることもできます。
いいえ。SVGの最適化と画像のベクター化はブラウザ内で行い、ファイルの中身を送る処理を持ちません。処理ライブラリもサイト内に同梱し、Content-Security-Policyにより、読み込みや送信に使える通信先をこのサイトとアクセス解析に必要な送信先だけに制限しています。
このツールは、ブラウザの処理能力だけでファイルを最適化します。ファイルが外部サーバーに送信されることはありません。
画像を渡すと輪郭を解析してベクターデータ(SVG)に変換します。この処理には imagetracerjs を使用し、変換後さらに SVG として圧縮します。
小数点以下の精度を極限まで削り、viewBox などを強制削除してさらに軽くします。ただし複雑な図形では表示が崩れることがあります。
プレビューは画像として表示します。SVGは5MBまで、最適化は5秒までです。保存するSVGを安全化する機能ではありません。信頼できないSVGのコードをWebページに直接埋め込まないでください。
CSS の background-image や img src にそのまま貼れる形式(data:image/svg+xml,...)でコピーします。Base64 より軽い URL エンコード形式です。