Creating SVG vector graphics for maximum browser compatibility
This article describes how to design vector graphics and maximize SVG features while retaining browser compatibility. SVG stands for Scalable Vector Graphics. It is a resolution independent format for graphics on the web.We use a lot of icons and logos on voormedia.com. Every portfolio and service page has at least one. Every icon is created as vector graphic as part of our quest to create a completely resolution independent website. It turned out that not every company or software library has a vector icon available, so we decided to recreate them ourselves using Adobe Illustrator CS6.One of the icons I created was the new icon from Final Cut
What the influencers are saying
-
Jeff Atwood
Spoiler: apparently when it comes to advanced SVG, Opera and IE lead the pack. Go figure. http://t.co/MxX5tLtT
-
Thomas Fuchs
SVG cross-browser do’s and don’ts http://t.co/jCzDQmmF /via @443dev
-
Nathan Smith
Interesting that IE9 and Opera render SVG better than Chrome… http://t.co/JbEXtStZ /via @mheard
Related Reading
| To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy. |













