PNG→SVG変換

フルカラー：小さなアクセントや細い線まで含めて画像の色を見つけ、色ごとに、その正確な値で塗った図形のレイヤーを作ります。下の色は上の色の下まで続いているので、完成したSVGでは、どれだけ拡大しても色と色の境目に背景の細い線が見えません。

単色：「黒」「白」「好きな色」を選ぶと、デザイン全体が透明な背景の上の1色のべた塗りになります。カッティングプロッター、ステンシル、シルクスクリーン印刷会社、レーザー彫刻機が使うのはこのバージョンで、DXFのカットデータもここから作られます。

あとから色を変更：SVGでは各色が1つの塗りの値なので、ブランドの刷新やダークモード版も、どのベクターアプリでも1か所変えるだけです。

JPGには透過の機能がないため、必ず背景があり、そのほとんどは白です。MDNの画像形式ガイドにも、JPEGは「アルファチャンネルに対応していない」と書かれています。トレースの前にその単色の背景を取り除くので、SVGは透過で仕上がります。

JPGの圧縮では、輪郭の周りにかすかな点状のノイズや色むらも生じます。各ピクセルを画像の実際の色のうちいちばん近い色に合わせ、デザインの一部にならないほど小さな形は取り除くので、ノイズがSVGに入ることはありません。

看板や印刷されたロゴの写真から作るなら、ロゴの周りをトリミングし、光を均一に当てて、無地の背景にしてください。そうすれば、部屋ではなくロゴの形がトレースされます。

Adobe Illustrator：SVGを開くと各色が別々の塗りの図形になり、そのまま色やサイズを変えたり、文字と組み合わせたりできます。

Inkscape：SVGはInkscape本来の形式なので、変換の手間なく編集できるパスとして開きます。

Figma：SVGをキャンバスにドラッグします。Figmaのヘルプセンターによると、読み込んだSVGは「編集可能なベクターレイヤーに変換」されます。

Canva：ほかのファイルと一緒にSVGをアップロードすれば、デザインに合わせて拡大縮小できる、くっきりしたグラフィックとして配置できます。

印刷会社に送るなら、PDFとEPSに、印刷会社が求める形式で同じベクターの図形が入っています。