新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

WebサイトでSVG画像が普通に使えるようになっていた【Webデザイン】

   

  • このエントリーをはてなブックマークに追加

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

これからは積極的に使っていこうと思います。

 - Illustrator(イラストレータ), Webデザイン , , , , ,

アドセンス広告メイン

Message

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

  関連記事

no image
今週の予定

今週末までに某学校のホームページを仕上げなければならない。 会社のホームページに …

Webデザイナーピンチ!!15分でサイトが作れる「みんなのビジネスオンライン」

中小企業経営者にとっては朗報、Webデザイナーにとっては悲報、Googleがまた …

ドロップシッピング

最近、ドロップシッピングというのがはやっているらしい。

Google Chromeではパスワードを保存しちゃいけない(Google Chromeでパスワードを確認する方法)

誰かにパソコンを貸すことがある人はブラウザにパスワードを覚えさせるのは止めたほう …

no image
Ajax

Ajaxってのがはやっているらしい。

Googleの検索機能、モバイル(スマホ)版とPC(パソコン)版が完全に分離されるとの情報。SEOは各々行う必要が

どこからでた情報なのかわかりませんが、Googleがモバイル(スマホ)版とPC版 …

Macintoshが「OS 9」から「OS X」になって変化したこと【Illustrator】

最近はDTPの方はめっきりなのですがパソコン教室で教えたりしている関係で色々情報 …

「Internet Explorer 6」はまだ結構使われている

株式会社サムライファクトリーから「OS・ブラウザー国内シェア調査」が発表されまし …

Google、livedoorに続け、Yahoo!も「Yahoo!ブックマーク」と「Yahoo!クリップ」を終了

Googleとlivedoorで合計16種類ものサービスを終了させるという記事を …

no image
人気blogランキングに参加

Webマーケティングの一環として、ランキングに参加してみました。 一日に2、3人 …