ロゴをベクター化する方法

ソースのピクセル1つ1つが、ベクター化エンジンが使える情報です。Webページから取ったロゴには、その情報がほとんどありません。変換の前に2分だけ、より大きいバージョンを探しましょう。クライアントサイトのfaviconフォルダー、古いPDFの請求書やプレゼン資料（開いてロゴを300 dpiで書き出してみてください。すでにベクターになっている可能性があります）、スキャンできる印刷パンフレット、昔からいる人のメール署名などが候補です。

200pxのJPGしか本当に存在しないのなら、それでも変換はできますが、後処理は覚悟してください。そのサイズでは文字の形にもう鮮明なエッジは残っておらず、どの境界も2〜3 pxのグラデーションです。エンジンはその柔らかさを、わずかにたこぼこした曲線として忠実に再現します。

JPGにはPNGにない問題がもう一つあります。圧縮ノイズです。高コントラストのエッジの周りのブロック状のハローは、一見には見えませんが、エッジ検出には非常にはっきり見え、ディテールとして読まれてトレースされます。低品質で保存されたJPGがソースなら、このフリンジが、きれいな結果への最大の障害になります。

2色のロゴは、2つのフラットな塗りとして返ってくるはずです。結果をIllustrator、Inkscape、Affinity、Figmaのいずれかで開き、実際にいくつの異なるシェイプが含まれているかを見てください。この確認ひとつで、確認する価値のある問題のほとんどが捕まえられます。フラットな紺色のロゴタイプが、ほぼ同じ11種類の青で届いたのなら、ソースに圧縮ノイズかソフトシャドウがあったということです。その後のすべて、色替え、色分解、印刷屋の版も、苦労の連続になります。

塗りの数は合っているのに値が違う場合、それは想定内で、直すのも簡単です。エンジンは画像に実際にあるものをサンプリングします。JPG圧縮とスクリーンショットのカラープロファイルが残したものであり、ブランドの#003C71は#023E70として返ってきます。塗りを1つずつ選択し、正しいhex値かPantone値を手動で設定してください。2分の作業であり、ブランドガイドに一致するロゴと、ほぼ一致するロゴの分かれ目です。

トレースされた文字の形が本物のフォントに匹敵することはありません。近くは近く、名刺サイズでは誰も気づかないことも多い。しかし看板サイズになると、本物の曲線とトレースによる近似曲線の違いこそ、まさに目が行く場所になります。縦画は1 mmの何分の一か揺れ、字尻は丸まり、字間はソース画像が持っていた値のまま凍りつきます。

だから書体を特定し、テキストをきちんと組みます。WhatTheFont、Font SquirrelのMatcherator、Adobe純正のフォントマッチングなら、きれいに切り取った画像から市販書体の大半を特定できます。そのうえでベクター化するのはシンボルやモノグラムだけにし、ロゴタイプはその横に生きたテキストで組みます。そうすれば、後からサイズや字間を変えても、何もやり直さずに済みます。

書体が特定できない、カスタム品、大幅に改変されているという場合は、文字もトレースし、そのうえで最も重みのある2〜3文字に時間を注ぎます。小文字の「n」をじっくり観察する人はいません。誰もが大文字を見ます。

手に入るのはSVGであり、ほぼすべての用途で、それこそが欲しかったものです。現行のデザインツールはすべてSVGを取り込み、ブラウザーはネイティブに描画し、カッティングソフトも受け付けます。テキスト形式なので、ファイルの中身を確認したくなったときは、開いて読むこともできます。

手に入らないのはEPS、PDF、DXF、AIです。パイプラインにこれらへのコンバーターは存在せず、要求するとAPIレベルで拒否されます。受け付けておいて後で静かに失敗する、ということはありません。

これが問題になるのは、実質的に1つの状況だけです。RIPがSVG以前の、昔ながらのスクリーンプリント業者や看板業者が、EPSを名指しで求めてくる場合です。Illustrator、Inkscape、AffinityのいずれかでSVGを開き、先方の希望する形式で保存してください。同じパスに対するキー操作1回分であり、変換サービスに頼むより、エディターの方がうまくやってくれる工程です。