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は「ブラウザで表示されるピクセル」専用、それに尽きます。