Claude Opus 5.5 は SVG のロゴを描けるのか

依頼の内容

頼んだのは、やかんの湯気が渦を巻いて麦の穂になるマークです。平塗りの色はちょうど二色、viewBox は 512 × 512、文字はなし、幅 32 ピクセルでも読み取れること。ファイルをそのまま保存して試せるよう、コードだけを返すよう求めました。

近所のパン屋 Kettle & Crumb のための、シンプルなロゴマークをデザインしてください。一つの SVG ファイルとして描いてください。やかんの湯気が渦を巻いて立ちのぼり、麦の穂になる図柄です。使う色は平塗りのちょうど二色、チャコール #2B2A28 と琥珀色 #C47A1C で、背景は透明にしてください。グラデーション、フィルター、文字は使わないでください。viewBox="0 0 512 512" を使ってください。幅 32 ピクセルでもはっきり読み取れる必要があります。返答は SVG のコードだけを、一つのコードブロックで返してください。

最初の回答

Opus はコードブロック一つで答えました。1,294 バイト、図形 13 個（パス四つ、長方形二つ、楕円七つ）で、色は求めたとおりの二色だけでした。デザイナーが一行ずつ調整できる、すっきりした手で編集できるコードです。

表示してみると、欠点が二つ見えました。注ぎ口がやかんの本体から離れて浮いていたこと、そして 32 ピクセルでは重なり合った七つの麦粒の楕円が一つのオレンジ色の塊になってしまったことです。やかん自体ははっきり読み取れました。

一回のフィードバック

二つの欠点を一文で説明し、同じ色と viewBox を保つよう求めました。Opus は、図形が重ならないよう麦粒の位置を微調整していると伝え、約 30 秒で答えました。

新しいファイルは小さくなっていました。1,107 バイト、図形 11 個です。注ぎ口は本体とつながり、五つの麦粒は離して配置され、32 ピクセルでも麦として読み取れました。

表示してみると問題が二つあります。注ぎ口がやかんの本体に接していないこと、そして 32 ピクセルでは麦の穂が一つのオレンジ色の塊になってしまうことです。両方を直し、同じ二色と viewBox を保ったまま、SVG のコードだけを返してください。

claude.ai に表示されたコード

修正後のファイルは一画面で読み切れるほど短く、すべての座標が見えます。これこそが、ラスター画像をトレースしたロゴに対する本当の利点です。注ぎ口を十単位動かしたければ、数字を一つ書き換えるだけで済みます。

コードで描くか、トレースするか

9月21日には、画像モデルが作ったロゴを自動ベクター化ツールでトレースし、3,908 個のパスになりました。丁寧に整理して 8 個まで減らしました。Opus のコードは最初から 13 個の図形でした。コードで描いたマークは小さく編集しやすい反面、単純です。画像モデルはより豊かな絵を描きますが、使えるベクターにするには整理が必要です。

残る限界もあります。構図が右下に寄っていること、やかんがありきたりなこと、そして湯気が線で描かれていて小さいサイズでは細くなることです。強力な最初のスケッチとして扱い、最終的なマークは人の手で仕上げてください。

• AI が作った SVG のパスが多すぎる理由
• PNG のロゴを SVG に変換する

情景も描く。ただしコードで

その後 Opus 5.5 に 4:5 の写真を頼むと、代わりに SVG のイラストを描きました。レイアウトの下書きとしては役に立ちますが、商品写真にはなりません。写真には Ciyo の画像モデルを使いました。Ciyo 自体は Claude Opus 5.5 を提供していません。