WebサイトでSVG画像が普通に使えるようになっていた【Webデザイン】
1年以上前の記事です。内容が古い可能性があります。
Web用の画像ファイル形式として有名なのは写真のjpg、イラストのgif、最近では透明も扱えるpngなどが主流になってきているのかもしれません。
そんな中、異質なのがSVGファイル。
なぜ異質かというと、その他のファイルは透明が扱えるなど部分的には違いがあっても作られるファイルはビットマップ形式のデータ。
つまり、解像度を持つドットで作られるデータで小さいデータを拡大するとボヤっとしてしまうなどの問題がありました。
一方、SVGファイルはIllustrator等で作られるベクターデータ。
つまり、拡大、縮小してもボヤッとせず、しっかり表示されてくれるデータなんです。
ただ、当然ですが表示されるのはビットマップで表示されるのでファビコンなんかに使うときは注意が必要。
ファビコンにSVGを使うこともできるようですが、むしろビットマップで最適なサイズで作って上げるほうがいいと思います。
そんなSVGファイルですがIEが対応してくれなかったりと結構長い時間待たされていました。
当ブログでも2007年にネタにし、以来、いつ来るのかいつ来るのかと期待しておりましたがいつの間にやら来ていたようです。
対応状況を調べてみましたら、グローバルで97.82%。
もう、ほぼ対応済みと言っていいんじゃないかと思います。
情報源:Can I use… Support tables for HTML5, CSS3, etc
すでにSVGファイルの素材集なんてのもできているみたいですね。
□ SVGのフリー素材 – 素材サイト
□ 小さくてもくっきり見えてすごい!精巧で美しくデザインされたSVGのフリーアイコン素材 -Zondicons
これからは積極的に使っていこうと思います。
アドセンス広告メイン
関連記事
-
-
Instagramのタイムライン(画像)がWeb上で見れるようになっていた
1年以上前の記事です。内容が古い可能性があります。最近、今ひとつ活用しきれていな …
-
-
SEOの今後
1年以上前の記事です。内容が古い可能性があります。トラバ先の記事を読んで思ったこ …
-
-
Google Chromeではパスワードを保存しちゃいけない(Google Chromeでパスワードを確認する方法)
1年以上前の記事です。内容が古い可能性があります。誰かにパソコンを貸すことがある …
-
-
富の分配の究極形、パトロンを得るなら「CAMPFIRE(キャンプファイヤー)」
1年以上前の記事です。内容が古い可能性があります。こんなサイトがあったとは! 眼 …
-
-
SEOやらアクセシビリティやら
1年以上前の記事です。内容が古い可能性があります。初めてじゃないけど、アクセシビ …
-
-
ネットでもメディア操作は行われる?
1年以上前の記事です。内容が古い可能性があります。<痴漢行為>植草・元教授に懲役 …
-
-
サイト利用状況のアンケート
1年以上前の記事です。内容が古い可能性があります。社内でサイト利用状況のアンケー …
-
-
インターネットは強者のツール? #3
1年以上前の記事です。内容が古い可能性があります。では、強者はどのようにインター …
-
-
Illustrator(イラストレータ)のピクセルにスナップ(ピクセルグリッドに整合)を解除する方法 【DTP】
1年以上前の記事です。内容が古い可能性があります。以前、Illustrator( …
-
-
Webの利益率
1年以上前の記事です。内容が古い可能性があります。Webの利益率ってどれくらいな …