SVGをWebPに変換

いいえ。変換はWebAssemblyによってブラウザ内で完結するため、ファイルがお使いの端末の外に出ることは一切ありません。サーバーを介さない仕組みなので、ページを一度読み込めばオフラインでも動作し、ファイルサイズの制限も端末のメモリ以外にはありません。

SVGはベクター形式のため決まったピクセル数を持たず、出力解像度はご自身で選べます。倍率はSVGが宣言しているサイズに掛かる係数で、100×100のアイコンを3倍で書き出すと300×300の画像になります。ベクターから直接描画されるので、どの倍率でも輪郭は完全にシャープなままです。後から拡大するのではなく、用途に必要なサイズを最初から指定してください。

自分のサイトでは確かにSVGが最適です。ラスターコピーが要るのはそれ以外の場所——SNSカード、マーケットプレイス、メールクライアント、そしてSVGを剥ぎ取るCMS。SVGはスクリプトを含み得るため、多くのプラットフォームが門前払いします。WebPはその代わりを務める、小さくて安全な使者です。

保たれます。WebPはフル8bitのアルファに対応しているので、ベクター描画特有の柔らかい影やアンチエイリアスの縁もそのまま残ります。小ささと合わせて、透過付きベクターアートの代役として最良のラスター形式です。

管理下のページではSVGを。単純な絵柄なら軽く、どんな倍率でも鮮明で、CSSからスタイルも当てられます。WebPはSVGが危険視・遮断される場所用です——ユーザー投稿、メール、SNSカード、マーケットプレイス。WebPコピーはいわば作品の外交官版。サイズ固定で、安全で、透過はそのままです。

2つあります。後で編集や拡大の可能性があるならSVGをPNGに変換へ——画質85のWebPはわずかな劣化を焼き込み、未来のエディタはそれを取り消せません。もう1つは印刷やオフィスソフト行き。あの世界はWebPもSVGも歓迎せず、JPGかPNGを求めます。WebPは「ブラウザで表示されるピクセル」専用、それに尽きます。