SVG変換ツール「Alvseike Image to SVG」の30秒紹介動画
ロゴのPNGをブラウザの中で本物のベクターのSVGに変換するツール「Alvseike Image to SVG」の30秒の紹介動画です。拡張子を書き換えただけの場合と並べて、8倍に拡大したときの違いを見せています。
FablessBridgeによる自主制作の紹介動画
概要
ロゴのPNGをブラウザの中で本物のベクターのSVGに変換するツール「Alvseike Image to SVG」の30秒の紹介動画です。拡張子を書き換えただけの場合と並べて、8倍に拡大したときの違いを見せています。
動画の要点
- 拡張子を.svgに書き換えただけでは中身はPNGのままという困りごとを、同じロゴを左右に分けて見せました。
- 8倍に拡大すると、左は画素の四角が目立ち右は境目が1本の線になる違いを、同じ速さで寄って見せました。
- 細かさを選んでSVGで保存する公式の画面を枠で囲み、保存後はベクター編集ソフトで開けることも添えました。
動画の流れ
- 00:00ツールのアイコンと名前「Alvseike Image to SVG」、「Same PNG logo. Two ways.」の一行が出ます。
- 00:02「Not just rename the file.」の見出しの下で、同じロゴのPNGを左は拡張子を.svgに書き換える「RENAMED」、右はツールに入れる「TRACED」に分けます。右の画面は変換前から変換後に切り替わります。
- 00:07「Zoom in 8×」の見出しで、左右とも1倍から8倍まで寄ります。左は画素の四角が大きく見え、右は変換後の画面に切り替わって境目が1本の線になります。
- 00:12「Real vector paths」の見出しで、左は画素のまま拡大した画面、右は公式の保存の画面を並べ、細かさの選択とダウンロードを黄色い枠で囲みます。
- 00:18「Zoom 8×: no white seam」の見出しで、同じ境目を左右に並べて左に✗、右に✓を付け、「Shared edges」と添えます。
- 00:21「100% local · No uploads」の見出しで公式の画面を大きく出し、一部を枠で囲んで「PNG, JPG or WebP」の対応形式を示します。
- 00:25サイトの共有画像を寄りから引いて全体を見せ、アップロードしないことを一言添えて、alvseike.com/tools/image-to-svg を出して締めます。