ロゴをベクター化してきれいな SVG を作る方法
Web サイトや印刷会社、看板制作のためにロゴの SVG が必要なのに、手元には PNG や JPG しかない。そんなときに、きれいなベクターを作り、よくある失敗を避ける方法を紹介します。
1. いちばん良い画像から始める
できるだけ大きなロゴ画像（理想は幅 500 px 以上）を、無地の背景で用意します。ロゴ以外の部分はトリミングしましょう。印刷物を撮った写真より、Web サイトのスクリーンショットのほうが良い結果になります。
2. 色を数える
背景も含めてロゴの実際の色数を数え、その数かひとつ多い色数を選びます。署名、はんこ、線画には、しきい値付きの白黒モードが最適です。
3. 精細さとなめらかさを調整する
小さな文字や細い線が消えるなら精細さを上げ、輪郭がガタつくなら下げます。丸い形や文字には「曲線をなめらかにする」をオンのままに。JPG のノイズには「小さなノイズを除去」、透過ロゴが必要なら「背景を削除」を使います。
4. 確認して直す
SVG プレビューを拡大して確認します。似た色がひとつにまとまってしまったら色数を増やし、輪郭に余計な色が出たら減らします。完璧に仕上げたいときは、Inkscape、Illustrator、Figma で開いて曲線を調整したり、ブランドカラーに置き換えたりしましょう。
5. 必要な形式で書き出す
SVG をマスターファイルとして保管します。SNS や資料用には「SVG → PNG」で 2× や 4× の PNG を、Web サイト用にはファビコン作成ツールでアイコンを作りましょう。
- 元画像は大きく、ぴったりトリミング。
- 色数はデザインに合わせて最小限に。
- いちばん小さな文字が残る精細さに。
- ロゴは背景を透明に。
- SVG から PNG とファビコンを作る。