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
これからは積極的に使っていこうと思います。
アドセンス広告メイン
関連記事
-
意外と知らないネットスラング「スルー力」とは
1年以上前の記事です。内容が古い可能性があります。先日、何かの折に「リアルでもス …
-
Google、livedoorに続け、Yahoo!も「Yahoo!ブックマーク」と「Yahoo!クリップ」を終了
1年以上前の記事です。内容が古い可能性があります。Googleとlivedoor …
-
PHPが凄い!!
1年以上前の記事です。内容が古い可能性があります。今まではCGIといえばPerl …
-
自社のHP
1年以上前の記事です。内容が古い可能性があります。自社のホームページを現在作成中 …
-
株式市場がインターネットに弄ばれている
1年以上前の記事です。内容が古い可能性があります。一昨日、1000円以上上げた日 …
-
知らん間に「HTML5」がW3Cから正式に勧告されていた
1年以上前の記事です。内容が古い可能性があります。Web関連の仕事をしている身で …
-
ブログの角丸部分をCSS3の「border-radius」プロパティに変えてみた【Webデザイン】
1年以上前の記事です。内容が古い可能性があります。今年、HTML5及びCSS3が …
-
とにかく書く(爆)
1年以上前の記事です。内容が古い可能性があります。今年の目標はPHPをものにする …
-
「Internet Explorer 6」はまだ結構使われている
1年以上前の記事です。内容が古い可能性があります。株式会社サムライファクトリーか …
-
Web(ウェブ)でモリサワフォントが使える日がくる
1年以上前の記事です。内容が古い可能性があります。ちょっと前の記事だが、モリサワ …