✨
無料SVG オプティマイザーとミニファイザー
メタデータを削除し、空白を折りたたんで、小数点以下を四捨五入して、SVG ファイル サイズを大幅に縮小します (通常は 30 ～ 70% の削減)。視覚的なプレビューにより、何も壊れていないことが確認されます。
読み込み後はオフラインでも動作
ここにファイルをドロップするか、クリックして選択
SVG · デバイス上で処理
または Ctrl+V でクリップボードから貼り付け
— または下に SVG を貼り付け —
ファイルがデバイスを離れることはありません。すべての処理はブラウザ内でローカルに行われます。
主な用途
- 本番環境用のSVGアイコンを最適化する展開前にアイコンSVGから不要なメタデータを削除—通常50~80%削減。
- ブランドロゴSVGを最適化する品質を損なわずに高速なウェブサイト読み込み用のSVGロゴファイルサイズを削減します。
- イラストとヒーローSVGを最適化するより大きなイラスト (ヒーロー、装飾グラフィックス) の場合、最適化でファイルサイズを30~70%削減できます。
- JavaScriptバンドルサイズを削減するSVGがReactコンポーネントとしてインポートされるか、コードにインラインされた場合、それらを最適化するとJSバンドルが縮小します。
- Figma / Sketch SVGエクスポートをクリーンアップするFigmaおよびSketch SVGエクスポートには広範なメタデータが含まれています。本番環境で使用する前に削除します。
使い方
このツールは、手書きの最適化ツールを使ってブラウザ内で完全にSVGファイルサイズを削減します — ライブラリもサーバーも不要です。2つのパスを組み合わせます：属性レベルの精密な処理のためのブラウザ内蔵DOMParser/XMLSerializer、そしてコメント除去、メタデータ削除、空白の折りたたみのための対象を絞った正規表現置換です。
- 1DOMParserがSVGをサニタイズする最適化の前に、ブラウザのDOMParserがSVGをXMLとして読み取り、すべての要素を走査します。scriptタグ、イベントハンドラー（任意のon*属性）、アニメーション要素、外部URL参照は無条件に削除されます — これは選択した最適化オプションに関わらず実行されます。
- 2DOMベースの小数の丸め小数の丸めが有効な場合、最適化ツールは解析済みDOMを2回目走査し、既知の数値属性（path dのデータ、座標、transform値、線幅など）にのみ丸めを適用します。個々の浮動小数点数に一致し、.5.5のような連結されたpath値を破損させない正規表現を使用します。
- 3正規表現のパスがシリアライズされたマークアップをクリーンにするXMLSerializerが正規化されたXMLを生成し、その後対象を絞った文字列置換がHTMLコメント、Inkscape/Sodipodiエディタのメタデータ、XML宣言、冗長なデフォルト属性（version="1.1"のような）、タグ間の空白を取り除きます — 各パスは狭くスコープされているため、テキストノードの内容には決して触れません。
- 4gzipサイズとエクスポート形式ブラウザのCompressionStream APIは、入力と出力の実際のgzipサイズを計算します。これが実際にWeb上での転送コストを決めるものだからです。最適化されたSVGは、ダウンロード、生のSVGとしてコピー、React JSX対応のcamelCase属性への変換、CSSデータURIとしてのエンコードができます — すべての変換はローカルで行われます。
SVGはブラウザタブ内で完全に読み込まれ処理されます — ファイルのバイトデータが端末の外に出ることはありません。
関連ツール
CSS ミニファイアー＆ビューティファイアー
CSS を圧縮してファイルサイズを減らすか、圧縮された CSS を読みやすく整形します。ブラウザ上で瞬時に。
試してみる
GIF圧縮
アニメーションGIFを軽量化:Discordの絵文字256 KBやステッカー512 KBなどのサイズ上限に収めるか、色数・幅・フレームを自分で指定できます。ブラウザ上で動作し、GIFはアップロードされません。
試してみるファイルはローカルに留まります
PDF コンプレッサー
PDF ファイルを圧縮してサイズを小さくします。品質レベルを選択します。圧縮率が高いほど、ファイルは小さくなりますが、画像の忠実度は低くなります。
試してみるファイルはローカルに留まります