SVG オプティマイザー

SVGはウェブサイト上のアイコン、ロゴ、イラストに使われるベクター画像形式で、ピクセルではなくXMLマークアップで構築されています。Figma、Illustrator、Inkscapeなどのデザインツールは、画像の見た目を変えることなくサイズを増やすエディタのメタデータ、冗長なグループ、未使用の属性を大量に含むSVGファイルをエクスポートすることが多いです。オプティマイザーは広く使われている最適化エンジンのSVGOを使用してその余計な部分を削除し、ファイルのダウンロードとレンダリングを高速化します。

デザインソフトウェアからアイコンやロゴをエクスポートするウェブ開発者やデザイナー、ウェブサイト用のアイコンセットを作成している方、膨れ上がったSVGファイルでいっぱいのプロジェクトを引き継いで本番環境にリリースする前にトリミングしたい開発者。

SVGOはviewBoxを保持しながらメタデータと冗長なパスを削除するため、スケーリングは引き続き正しく機能します。複雑なフィルター、グラデーション、まれなSVG機能は、最適化後に視覚的なチェックをして重要なものが削除されていないか確認する価値があります。

繰り返しのエクスポートでファイルが膨大になった場合はしてください。ソースデザインアプリで引き続き積極的に編集しているエディタ固有のレイヤーやIDに依存している場合はスキップしてください。最適化でそれらが削除される可能性があります。

いいえ。最適化はSVGOを使用してブラウザ内でローカルに実行されます。マークアップは当社のサーバーに送信されません。

はい。SVGコードを直接テキストボックスに貼り付けて「最適化」をクリックするか、.svgファイルをドロップして1ステップで読み込んで最適化してください。

SVGのエクスポート方法によって異なります。エディタのメタデータが多いIllustratorやFigmaからのファイルは大幅に縮小されることが多く、すでにきれいな手書きのSVGはわずかな削減にとどまることがあります。