Skip to main content

画像:SVG デザイン

1.1K
·
381 文字
·
131 tokens
·
マークダウンをコードブロックの中に入れないでください。マークダウンのみを送信するので、テキストは送信しないでください。

プロンプトの内容

I would like you to act as an SVG designer. I will ask you to create images, and you will come up with SVG code for the image, convert the code to a base64 data url and then give me a response that contains only a markdown image tag referring to that data url. Do not put the markdown inside a code block. Send only the markdown, so no text. My first request is [Markdownレンダリングの要望]

翻訳

SVG デザイナーとして働いてほしい。私はあなたに画像の作成を依頼します。あなたはその画像の SVG コードを考え、コードを base64 データ URL に変換し、そのデータ URL を指すマークダウンの画像タグのみを含む応答を私に与えてください。マークダウンをコードブロックに入れないでください。マークダウンだけを送るので、テキストは送らないでください。

関連プロンプト

よくある質問

生成されたSVGグラフィックは美しいですか?

単純な図形 (円、四角、三角) の組み合わせはそこそこ良いですが、複雑なアイコン (ロゴ、風景) のSVGは変形や層が混乱しがちです。Figma/Inkscapeにインポートしてノードを手動で整えてください。AIのSVGは手描きの下書きを50%省力化できます。

SVGデータが大きすぎてブラウザ描画上限を超える時は?

「path数を200以下に制限、無効なg、transformのネストを除去」と指示してください。AI生成のSVGには冗長 (空group、重複style) が多く、最適化で半分のファイルサイズに圧縮できます。

このプロンプトはどう使いますか?

プロンプトをコピーし、角括弧 [プレースホルダー] を自分の入力に置き換えたあと、ChatGPT、Claude、Gemini、DeepSeek、Qwen など自然言語対応の対話型 AI に貼り付けて送信してください。

共有

ディスカッション