SVG Sprite ジェネレーター
複数のローカル SVG を整理して安全な symbol sprite を生成し、重複した ID と内部参照を処理します。
ブラウザー内でローカル処理
このページは公開ディレクトリのチェックに合格しています。JavaScript を有効にすると、すべての機能を使用できます。
使用ガイド
SVG Sprite ジェネレーターの使い方
SVG Spriteジェネレーターは、現在のブラウザ内でのみ入力を処理し、ユーザーデータをアップロード、ネットワーク接続、保存することはありません。
入力内容
最大50個のローカルSVGファイルを選択するか、SVGの内容を貼り付けてください。
処理方法を選択
スクリプト、イベント、外部参照を削除し、安定した symbol id を生成します。
チェックしてエクスポート
sprite と use の例をプレビューし、安全な SVG をコピーまたはダウンロードします。
制限事項と注意点
- 外部リソース、script、イベント属性、一部の高度なインタラクションは削除されます。
- 元画像の外観や依存関係を変更する可能性のあるアニメーション／エディターのメタデータを削除するため、重要な素材は目視で確認してください。
- このツールはローカルでの補助的な処理結果のみを提供します。重要な設定、秘密鍵、ドキュメント、公開内容については、引き続き対象環境で確認してください。
よくある質問
入力はサーバーにアップロードされますか？
いいえ。ページではブラウザーのメモリ、ローカルファイル API、およびサイトとともに提供されたローカルリソースのみを使用します。
なぜ元の SVG の外部画像が表示されないのですか？
sprite はローカルで安全に再利用できなければなりません。外部画像とスクリプトは、クロスオリジンおよび実行のリスクを避けるため削除されます。
結果にはなぜ人による確認も必要なのですか？
境界構文、地域の規約、サードパーティ製リーダー、対象となる実行環境には差異がある可能性があるため、このツールが最終確認に代わることはありません。