PNGやGIF画像をSVGに変換してくれるWEBサービス「ZorroSVG」

PNGやGIF画像をSVGに変換してくれるWEBサービス「ZorroSVG」

PNGやGIF画像をSVGに変換してくれるWEBサービス「ZorroSVG」
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加


  • 次世代の暗号通貨投資法!初心者でも!どなたでも年利36.27% ⁉︎
  • このエントリーをはてなブックマークに追加

ZorroSVGは、PNGもしくはGIF画像をSVG画像に変換してくれるWEBサービスです。

SVGに変換することでファイルサイズが軽減されますよ。

スポンサードリンク

ZorroSVGの使い方

ZorroSVGにアクセスして、「Try it」のところで変換したい画像ファイルを選択します。

画像の選択

ファイルがアップロードされると、プレビューが表示されます。上がオリジナル、下がSVGに変換されたものです。

SVG画像のプレビュー

オリジナルのPNG画像が712KBなのに対して、SVGでは311KBまで容量が減少しています。

下の方にある[Download converted SVG image]をクリックすると、SVG画像をダウンロードすることができます。

SVG画像のダウンロード

SVG画像の設置方法

ダウンロードリンクの下にも説明がありますが、SVG画像をサイトに設置するには、普通にimgタグで記述すればOKです。

<img src="yourImage.svg" />

SVGをサポートしていないブラウザで代替画像を表示させるには、以下のように記述します。

<img src="yourImage.svg" onerror="this.src='yourOriginal.png'"/>

iOSのブラウザ(mobile-Safari)で表示させるには、objectタグを使って実装します。

<object data="yourImage.svg" type="image/svg+xml"/>

あとがき

最近はSVGを使っているサイトも増えてきましたね。容量も軽くなりますし、今後益々普及していくと予想されます。

簡単に変換することができますので、一度試してみてはいかがでしょうか。

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。