ドキュメント
Generated by AI
SVG 圧縮ツール
SVG 圧縮ツールは、SVGO エンジンベースのプロフェッショナルなベクターグラフィック最適化ツールです。視覚品質を維持しながら SVG ファイルサイズを大幅に削減し、ページ読み込み速度とユーザー体験を向上させます。
コア機能
- バッチ圧縮: 複数の SVG ファイルを同時処理
- リアルタイムプレビュー: 最適化効果と圧縮率を即座に確認
- 柔軟な設定: 50以上のカスタマイズ可能な最適化オプション
- コード表示: 最適化後の SVG コードのプレビューとコピーに対応
- 安全でプライベート: 完全にブラウザローカルで実行、ファイルはサーバーにアップロードされません
使用方法
- 1つまたは複数の SVG ファイルをアップロード
- ツールが自動的に最適化処理を実行
- ファイルサイズの変化と削減率を含む最適化結果を確認
- コードエリアをクリックして最適化後の SVG コードをコピー
- 表示モードを切り替えて、グリッドプレビューとコードビュー間を移動
基本設定
多重処理
SVG ファイルに対して複数回の最適化を実行し、さらにサイズを圧縮します。最適な効果を得るために有効化をお勧めします。
コード整形
出力される SVG コードをフォーマットして可読性を向上させます。手動編集が必要なシーンに適しています。
SVG コード表示
グリッドプレビューモードと完全なコードビュー間で表示方法を切り替えます。
最適化オプション
「機能特性」パネルをクリックして詳細設定を展開します。ツールはデフォルトで安全で一般的な最適化オプションを有効にします:
クリーンアップ最適化
- 冗長な空白と改行を削除
- コメントとメタデータを削除
- 空のコンテナと非表示要素をクリア
- エディタ生成の名前空間を削除
- 未使用の ID と定義を削除
パス最適化
- パス命令と座標を簡素化
- 基本形状をパスに変換
- 隣接パスを結合
- キャンバス外のパスを削除
スタイル最適化
- 色値表現を圧縮
- 重複スタイルを結合
- スタイルを属性にインライン化
- デフォルト値を削除
数値最適化
- 数値精度を統一
- 変換行列を簡素化
- 座標表現を最適化
構造最適化
- 無効なグループを展開
- DOCTYPE 宣言を削除
- 属性を並べ替えて圧縮率を向上
圧縮効果
一般的な SVG ファイルでは30%-70%のサイズ削減が可能:
元のサイズ: 15,234 バイト
最適化後: 4,521 バイト
削減率: -70.33%
応用シーン
- ウェブサイトのアイコンとロゴの最適化
- ページリソースの読み込み時間短縮
- SVG アイコンライブラリの圧縮
- デザインソフトウェアエクスポートファイルのクリーンアップ
- サードパーティ SVG の冗長データ削除
注意事項
- 一部の最適化は SVG の内部構造を変更する可能性があるため、出力結果をテストすることをお勧めします
- アニメーションまたはスクリプトを含む SVG は、最適化オプションの選択に注意が必要です
- CSS/JavaScript 参照用に特定の ID を保持する必要がある場合は、「ID のクリア」オプションをオフにしてください
- すべての処理はブラウザローカルで完了し、ファイルの安全性を確保します
