メインコンテンツへスキップ
Toolars
探索
バグを報告

画像 · ローカルユーティリティ

SVG Blob ジェネレーター

SVG Blob Generator

シードで再現できる有機的な SVG ブロブを、アンカー数・不規則さ・滑らかさから生成し SVG または PNG で書き出す。

タスクの道筋 / 入力から結果へ

キャンバスサイズを設定する

ローカルで実行 · アップロードなし

SVG Blob ジェネレーターの使い方、プライバシー、関連ツール

タスクの道筋 / 入力から結果へ

オーガニックな SVG ブロブを生成する方法

  1. 01

    キャンバスサイズを設定する

    「幅」と「高さ」に 64〜4,096 の整数ピクセル値を入力します。キャンバスは合計 16,000,000 ピクセルが上限です。

  2. 02

    ジオメトリを形作る

    「アンカーポイント」(4〜16)が複雑さ、「不規則さ」(0〜0.9)が揺らぎ、「滑らかさ」(0〜1)が丸みを決めます。「再現可能なシード」(1〜99,999)でランダム性を固定でき、同じシードと設定からは常に同じブロブが生まれます。

  3. 03

    塗り、アウトライン、背景を整える

    「ブロブの色」は 6 桁の 16 進値で指定し、「アウトライン」を有効にして「アウトライン幅」を 0〜32 ピクセルで設定すればストロークが付きます。背景は「透明なキャンバス」のままにするか、「キャンバスの色」を選べます。

  4. 04

    アセットを書き出す

    プレビューは変更のたびに更新されます。「SVG をコピー」は正確なソースをクリップボードに入れ、「SVG をダウンロード」と「PNG をダウンロード」はベクター、またはキャンバスサイズでラスタライズした画像を書き出します。

ツールの概要

処理
ブラウザー内で完結
入力の外部送信
なし
保存
一切保存しません
価格
無料

入力はブラウザに留まります。

SVG Blob ジェネレーター は検証済みのローカル実行パスを使用し、隠れた入力・出力履歴を作成しません。

ローカル実行

現在のブラウザタブ内で実行されます。

隠れた処理なし

使用中のツールデータが Toolars のドキュメントレコードになることはありません。

アカウント不要

プロフィールを作成せずにコアワークフローを使えます。お気に入りはログイン後にアカウントへ同期されます。

即時リセット

タブを閉じれば、作業中のデータは消えます。

SVG Blob ジェネレーター が実際に行うこと

ヒーローセクションの見出しの後ろに柔らかなオーガニック形状が欲しい、お客様の声カードにブランドカラーぴったりのブロブを置きたい、ピッチ資料に同じファミリーと分かる 3 つのバリエーションが必要。SVG Blob ジェネレーターはシード付きの再現可能なジオメトリで、これを 2 分の作業に変えます。形状の値がページの外に出ないので、試行錯誤は設計上プライベートです。

よくある質問

シードは何をしますか?
シードにより形状の幾何は再現できます。同じシードと形状設定なら同じ輪郭になります。ただし、アクセシビリティ用のタイトルが翻訳されるため、言語をまたいだ SVG ファイルのバイト一致は保証されません。形状を確かめるときはパスを比べてください。
統一感のあるブロブのファミリーを作るには?
うまくいくレシピは 2 つあります。シードを固定して「不規則さ」や「滑らかさ」など 1 つのコントロールだけを変えれば、輪郭を明確に共有するきょうだいが作れます。あるいは全コントロールを固定してシードだけを変えれば、性格が同一で形の異なるセットになります。ジオメトリが決定論的なため、どちらも再現可能です。
値が拒否されるのはなぜですか?
すべてのコントロールに境界があります。アンカーポイント 4〜16、不規則さ 0〜0.9、滑らかさ 0〜1、アウトライン幅 0〜32 ピクセル、色は 6 桁の 16 進値、キャンバスは片側 64〜4,096 ピクセルで合計 16,000,000 ピクセル以内です。範囲外の入力は有効範囲を明示して拒否されます。
「透明なキャンバス」は何を変えますか?
オンにすると SVG の背景は空のままになるため、ブロブはページ上で背後にあるものの上に浮かび、PNG 書き出しも本物の透過を保持します。オフにして「キャンバスの色」を選ぶと、SVG と PNG の両方に単色の背景矩形が焼き込まれます。何もない背景の上での合成が苦手なツールにアセットを渡す場合に便利です。
SVG と PNG の書き出しはどちらを選ぶべきですか?
「SVG をダウンロード」は、デザインツールやウェブページで綺麗にスケールするコンパクトなベクターを保持します。「PNG をダウンロード」は現在の出力を正確なキャンバスサイズでラスタライズするため、スライドやドキュメント、SVG を読めないツールに向いています。
デザインはブラウザの外に出ますか?
いいえ。生成、プレビュー、書き出しはすべてこのタブ内でローカルに行われ、形状の値、色、シードがストレージ、ログ、ネットワークに入ることはありません。

画像スタジオを続ける

行き止まりではなく、関連タスクへ。

完全な索引に戻らずに、別のフォーカスされたワークスペースへ移動できます。

画像トリミング

Image Cropper

PNG・JPEG・WebP を正確なピクセル座標で、自由または固定のアスペクト比付きで切り抜き、PNG・JPEG・WebP として書き出す。

編集

画像フィルター

Image Filters

明るさ・コントラスト・彩度・グレースケール・セピア・ぼかしを 6 つのスライダーで調整し、元サイズの PNG でダウンロード。

編集

画像リサイズ

Image Resizer

画像をアスペクト比ロック付きの正確なピクセル寸法にリサイズ。1 枚ずつ、または最大 12 枚のバッチを ZIP でダウンロード。

編集

画像の平均色を抽出

Image Average Color Finder

画像の平均色を alpha 加重で測定し HEX・rgb()・rgba() でコピー。透明ピクセルは平均に混ざらず無視される。

確認