ロゴのSVGが必要になるとき
印刷会社や看板屋さん、刺しゅう屋さんからはベクターファイルを求められますし、WebサイトのヘッダーもSVGのほうがくっきり見えます。デザインツールなら画質を落とさずに編集できます。手元にあるのがWebサイトのPNGやメールで受け取ったJPGだけでも、トレースすればベクター版が手に入ります。
ロゴのPNGやJPGを、どんなサイズでも印刷でき、印刷会社にも渡せて、デザインツールで編集もできるSVGに。
タップしてファイルを選択
ここに画像をドラッグ&ドロップ
または ファイルを選択
または画像を貼り付け(Ctrl+V)
PNG, JPG, WebP, BMP · 1ファイル最大20MB
ここに結果が表示されます
印刷会社や看板屋さん、刺しゅう屋さんからはベクターファイルを求められますし、WebサイトのヘッダーもSVGのほうがくっきり見えます。デザインツールなら画質を落とさずに編集できます。手元にあるのがWebサイトのPNGやメールで受け取ったJPGだけでも、トレースすればベクター版が手に入ります。
手元でいちばん大きく、きれいな版を、無地の背景で使いましょう。単色のロゴや署名なら「白黒」モード。ベタ塗りのロゴなら「シンプル」。グラデーションや細かい部分があるなら「精細」。角のくっきりした幾何学的なマークなら「シャープ」。仕上がりを拡大して確認し、余計な図形があればSVGエディターで修正しましょう。
ロゴのファイル(PNG・JPG・WebP・BMP)をドラッグ&ドロップするか、クリックして選びます。背景がすっきりした高解像度の画像を使うと、いちばんきれいに仕上がります。
すべての色を残すなら「カラー」、単色のロゴやシルエットなら「白黒」を選びます。
ベタ塗りのロゴなら「シンプル」、グラデーションのある複雑なデザインなら「精細」、輪郭のくっきりした幾何学的なロゴなら「シャープ」です。
ロゴのベクター化とは、ピクセルでできた画像(ラスター)を、図形や曲線を数式で表したもの(ベクター)に変換することです。PNGやJPGのロゴは色のついたピクセルの集まりですが、SVGのロゴは座標とベジェ曲線で描かれているので、ファビコンからビルほどの大きさの看板まで、くっきりしたまま拡大縮小できます。
プロのデザイナーは、IllustratorやFigmaのようなツールでロゴをベクターとして作ります。でも、Webサイトから保存したり、メールで受け取ったり、プレゼン資料から書き出したりした、ラスター版のロゴしか手元にない会社もたくさんあります。このツールは、Rustで書かれた高品質なトレースエンジン「VTracer」をWebAssemblyで動かし、ピクセルのデータからベクターのパスをブラウザ内で直接作り直します。
かんたん・すばやいロゴのファイルは大切なブランド資産です。この変換ツールはWebAssemblyを使ってブラウザ内で処理するので、ロゴがサーバーにアップロードされることはありません。ファイルの分析も、一時保存も、第三者のアクセスもありません。タブを閉じれば、データはすべて消えます。
発表前のロゴやお客様のデザインも端末から出ません。トレースエンジンはお使いのブラウザで動きます。
ブラウザ内で完結ロゴをSVGに変換するときに知っておきたいこと