SVGはサーバーにアップロードされますか？

いいえ。サニタイズもレンダリングもすべてブラウザ内で行われ、データが外部に送信されることはありません。

元のファイルとプレビューの見た目が違うのはなぜですか？

プレビューはDOMPurifyのSVG・SVGフィルタープロファイルでサニタイズされます。script要素やイベントハンドラー属性などSVG以外の内容はレンダリング前に除去されるため、スクリプトによるインタラクティブな部分は表示されません。

信頼できない出所のSVGをプレビューしても安全ですか？

DOMPurifyがスクリプトとイベントハンドラーをDOM挿入前に除去するため、直接開くより安全です。ただし生のSVGをブラウザタブで開くとJavaScriptが実行され得るため、他の場面では引き続き注意してください。

SVGビューアー＆レンダラー

概要

SVGはXMLドキュメントなので手で編集しやすい反面、レンダリングしないと結果を確認できません。このツールは貼り付けたSVGマークアップを市松模様の背景上に即座に描画し、透過部分も見分けられるようにします。描画前にDOMPurify(svg・svgFilters プロファイル)を通すため、<script>要素やon*イベントハンドラー属性は除去されます。処理はすべてブラウザ内で完結します。

使い方

SVG sourceフィールドにマークアップを貼り付けます(初期状態でサンプルの円が入っています)。
入力と同時に**Preview (sanitized)**パネルが更新されます。ボタン操作は不要です。
fill・width・viewBoxなどの属性を編集し、結果を即座に確認します。

使用例

アイコンの色調整: fill="#0060c0" を fill="#e0403f" に変えて、コミット前に見た目を確認。
パスのデバッグ: デザインツールから書き出した <path d="…"> を貼り付けて形状を検証。
サニタイズの確認: <script> を含むSVGを貼り付け、スクリプトなしで描画されることを確認。

注意事項

サニタイズによりスクリプトが除去されるため、SMILやCSSベースのアニメーションは描画されてもインタラクティブな動作は再現されません。外部参照(リモート画像・フォント) もサニタイザーやブラウザにブロックされる場合があります。