SVG ジェネレーターとオプティマイザー

オールインワンの SVG ツールキット: ウェーブ、ブロブ、パターン、ポリゴン、スパイラル、スター ジェネレーターに加え、SVG オプティマイザー、ミニファイアー、クリーナー、パス エディター、カラー リプレーサー、スプライト ジェネレーター — ライブ プレビュー、コピー、ダウンロード、無料。

14 のユーティリティ (ウェーブ、ブロブ、パターン、ポリゴン、スパイラル & スター ジェネレーター、パス エディター、viewBox 計算機) に加え、オプティマイザー、ミニファイアー、クリーナー、パス シンプリファイアー、カラー リプレーサー、スプライト ジェネレーターを備えた完全な SVG ツールキット。それぞれライブ プレビューとコピー、データ URI またはダウンロード出力を備えています。

Share
カテゴリ
開発者ツール
含まれるもの
7の特徴
アクセス
無料 · サインアップなし
プライバシー
ブラウザで実行
SVG ジェネレーターとオプティマイザー

Calibrating SVG Forge Studio......

Please wait a moment

使用方法

SVG ジェネレーターとオプティマイザーの使い方

  1. 01

    ツールを選ぶ

    検索可能なサイドバーからジェネレーター、エディター、またはプロセッサーを選択します。合計 14 個の SVG ユーティリティがあります。

  2. 02

    調整または貼り付け

    ジェネレーターのスライダーと色を調整するか、SVG マークアップをプロセッサーに貼り付けます。

  3. 03

    ライブプレビュー

    ベクターは切り替え可能な背景で即座にレンダリングされます。プロセッサーはバイト節約前後を示します。

  4. 04

    輸出

    未加工の SVG、データ URI、または CSS 背景としてコピーするか、最適化された .svg ファイルをダウンロードします。

ユースケース

一般的な使用例

  • ランディング ページのヒーロー セクションにウェーブとブロブの分割線を作成する
  • Web サイト用のシームレスな SVG 背景パターンを生成する
  • 本番環境に出荷する前にアイコンを最適化および縮小する
  • Illustrator または Inkscape のエクスポートから不要なエディターをクリーンアップ
  • SVG をブランドパレットに合わせて数秒で色変更
  • 複数のアイコンを単一の再利用可能な SVG スプライトにバンドルする
概要

ほとんどのサイトにはない 14 の SVG ツール

SVG Forge は完全なベクター ワークベンチです。波、ブロブ、シームレス パターン、ポリゴン、スパイラル、星を生成します。生のパスを編集し、viewBox を計算します。 SVG を最適化、縮小、クリーンアップ、簡素化、再色付け、またはスプライトにバンドルすることもできます。各ジェネレーターにはライブ プレビューとコントロールがあります。各プロセッサーはサイズ節約前/後のサイズを示します。これは、ほとんどのツール サイトが無視しているギャップを埋めます。専用の高品質 SVG ユーティリティが 1 か所にまとめられています。

コピー、埋め込み、ダウンロード - 思いのまま

すべての結果は、生の SVG マークアップ、すぐに貼り付けられるデータ URI、または CSS バックグラウンド ルールとしてコピーし、.svg ファイルとしてダウンロードできます。ジェネレーターは高速探索のためのランダム化とリセットをサポートし、プロセッサーは節約されたバイト数を正確に報告します。すべてがブラウザ内でローカルに実行され、アートワークがアップロードされることはありません。

特徴
01
1 つのスタジオに 14 台の SVG ジェネレーターとプロセッサー
02
波、ブロブ、パターン、ポリゴン、スパイラル、スターメーカー
03
サイズを節約できる SVG オプティマイザー、ミニファイアー、およびクリーナー
04
パスエディター、viewBox計算機、パス簡略化機能
05
カラーリプレーサとマルチアイコンスプライトジェネレータ
06
SVG、データ URI、または CSS としてコピー — さらに .svg のダウンロード
07
ローカルファースト — アートワークがブラウザから離れることはありません
よくある質問

よくある質問

どのような SVG ツールが含まれていますか?+

14: ウェーブ、ブロブ、パターン、ポリゴン、スパイラル、スター ジェネレーター。パス エディターと ViewBox 計算機。オプティマイザー、ミニファイアー、クリーナー、パスシンプリファイアー、カラーリプレイサー、スプライトジェネレーターがすべて 1 つのインターフェースに組み込まれています。

SVG ファイルを無料で最適化するにはどうすればよいですか?+

オプティマイザーを開き、SVG マークアップを貼り付け、小数点精度、コメントとメタデータの削除、空白の折りたたみなどのオプションを選択します。このツールは、元のバイト サイズと最適化されたバイト サイズ、および保存された割合を表示し、結果をコピーまたはダウンロードできます。

SVG ウェーブまたはブロブを作成するにはどうすればよいですか?+

Wave または Blob ジェネレーターを使用して、スライダー (振幅、周波数、複雑さ、コントラスト) と色を調整すると、ベクトルがライブで更新されます。 [ランダム化] をクリックしてバリエーションを調べ、SVG をコピーするかダウンロードします。

SVG を CSS 背景またはデータ URI として取得できますか?+

はい。すべてのジェネレーター出力には、生の SVG、コンパクトなデータ URI、すぐに貼り付けられる CSS 背景画像ルールの 3 つのエクスポート タブがあり、さらに 1 クリックで .svg ダウンロードできます。

SVG クリーナーは何を削除しますか?+

XML 宣言、DOCTYPE、コメント、<metadata>、およびベクター エディターが追加するエディター固有の名前空間 (Inkscape および Sodipodi) が削除され、クリーンで移植可能なマークアップが残ります。オプションで id 属性を削除することもできます。

私の SVG はサーバーにアップロードされていますか?+

いいえ。すべての生成と処理は、クライアント側の JavaScript を使用してブラウザ内でローカルに実行されます。アートワークとマークアップはデバイスの外に出ることがないため、プライベートかつ瞬時に保存されます。