画像とデザインツール

SVG スタジオ

静的 SVG 用の小さなローカル編集ツール。円、矩形、三角形を独自に生成できます。PNG 変換、アニメーション、フィルターには対応しません。

ブラウザ内で処理登録不要プライバシーの説明 ↗

ローカル処理のみ。最大 1 MiB、5,000 要素。静的な図形、テキスト、グループ、グラデーションに対応。スクリプト、スタイル、外部リソース、アニメーション、フィルター、PNG 変換には非対応。非対応の内容は削除せず拒否します。図形の生成は現在のソースを置き換えます。

SVG 画像プレビュー

使い方

使い方

  1. SVG を読み込むかソースを貼り付け、確認してプレビューします。
  2. viewBox を編集し、ソースを整形します。新しい色の図形でソースを置き換えることもできます。
  3. 画像を確認して、確認済み SVG をダウンロードします。

ローカルでの静的 SVG 編集

ファイルや貼り付けたテキストはブラウザー内で処理します。上限は 1 MiB、5,000 要素。一般的な図形、グループ、テキスト、グラデーション、クリップパス、マスクに対応します。整形で XML 構文が変わる場合があります。

制限された SVG 範囲

非対応の要素・属性、スクリプト、foreignObject、スタイル、アニメーション、フィルター、外部参照を拒否します。内部参照のみ許可します。画像要素で blob を表示し、ソースをページに挿入しません。基本確認は包括的な安全監査ではありません。

よくある質問

あわせて知りたいこと

PNG 出力やアニメーション編集はできますか?

いいえ。SVG 出力のみで、アニメーションとフィルターは拒否します。

非対応の内容は自動削除されますか?

いいえ。入力を拒否し、ソースを修正できるようメッセージを表示します。