メインコンテンツへスキップ
画像・ベクター化

WebPをSVGに変換する

Webサイトから保存したWebPのロゴやアイコンを、拡大縮小も編集もできるSVGに。透過もそのまま残ります。

ここにWebP画像をドラッグ&ドロップ

または ファイルを選択

WebP · 1ファイル最大20MB

設定

モード

品質

結果

ここに結果が表示されます

くわしく知る

WebPをSVGに:知っておきたいこと

Webサイトからロゴを救い出す

Webサイトはロゴやアイコンを、小さなWebPで配信していることが多く、手に入るのはそれだけ、ということもよくあります。トレースすれば、印刷用に拡大したり、デザインツールで編集したりできるSVGが手に入ります。サイトにあるいちばん大きな版を使い(画像を別のタブで開くと見つかります)、幾何学的なロゴなら「シャープ」を選びましょう。

透過とアニメーション

透過WebPは透過のまま、見えている図形だけがトレースされます。アニメーションWebPは最初のコマとして読み込まれます。ほかのベクター化と同じく、写真のようなWebPは、図形の多いイラスト調の仕上がりになります。

WebPからきれいなSVGを作るコツ

可逆圧縮のWebPなら、PNGと同じくらいきれいにベクター化できます。非可逆圧縮のWebPなら、詳細設定の「細部のレベル」を上げて(「細部を少なく」側へ)、圧縮で生じた小さな点を取り除きましょう。

ロゴやアイコンのようなシンプルな画像なら「シンプル」プリセットがいちばんすっきり仕上がり、「シャープ」なら幾何学的な角をくっきり保てます。細かいイラストやグラデーションのある画像なら、「精細」プリセットを使い、詳細設定で色の精度を調整しましょう。

使い方

WebPからSVGへの変換は3ステップ

  1. WebP画像を追加する

    WebPファイルをドラッグ&ドロップするか、クリックして選びます。ファイルプランなら複数のファイルをまとめて追加できます。

  2. カラーモードを選ぶ

    フルカラーで仕上げるなら「カラー」、シルエットや線画にするなら「白黒」を選びます。

  3. 品質のプリセットを選ぶ

    すっきり仕上げるなら「シンプル」、複雑な図版なら「精細」、幾何学的な図形なら「シャープ」です。

活用ガイド

WebP→SVG変換を使いこなすコツ

しくみ

WebPは、Googleが開発したWeb向けの新しい画像形式で、非可逆・可逆の両方の圧縮とアルファチャンネルの透過に対応しています。WebPをSVGに変換すると、このピクセルベースの形式が、解像度に左右されないベクター画像に変わります。

このベクター化ツールは、WebP画像をブラウザ内で読み込み、PNGやJPGの変換ツールと同じ高品質なエンジンで色の領域をSVGのパスにトレースします。どんなサイズでも完璧に拡大縮小できる、きれいなベクターファイルに仕上がります。

かんたん・すばやい

プライバシーと安全性

このWebP→SVG変換ツールは、すべてブラウザ内で動きます。ファイルのアップロードも、データの保存も、第三者の関与もありません。画像はお使いの端末の中にとどまります。

発表前のロゴやお客様のデザインも端末から出ません。トレースエンジンはお使いのブラウザで動きます。

ブラウザ内で完結
よくある質問

WebP→SVG変換のよくある質問

WebPからSVGへの変換について知っておきたいこと