Experimenting with SVG instead of PNG

[Aleksandersen]

Hi,

I am curious about, and really would like to move to Scalable Vector Graphics (SVG) from PNG on my blog about open source.

However, I am really concerned about how well the format is supported!

Can someone please assist me with a coding example of embedded SVG on a XHTML page?

This is the best I have come up with so far. The problem with this code is that I am unable to use display: inline;, which really sucks! Another problem is that no browser that does not support SVG seams to display the alternate PNG image.

HTML: Select all

<object type="image/svg+xml"
data="http://opensource-notebook.com/lib/images/scalable/feed-icon.svg"
style="width: 40px; height: 40px;"><img
src="http://opensource-notebook.com/lib/images/feed-icon.png"
alt="News feed icon" /></object>

Other, and possibly better approaches?

[Ryan Fait]

Is there a reason to use SVG instead of regular images? I'm not very well read on the subject.

[Aleksandersen]

Hell yea!

If you look at the example image, you see that I use it several places on my Website, and with different sizes.

Since SVG is scalable, you will get a lossless rendering of the image no mater the size!