Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Cabbit

macrumors 68020
Original poster
Jan 30, 2006
2,128
1
Scotland
Very simple question, can i make my website with vector images?, if you what browsers support them, will they scale as expected and is it used else were?
 
As far as I know no browser right now has full SVG support.
Opera has a very close to full SVG implementation. Mozilla browsers are about 70%. Safari is close too, and I believe it's also very close. IE is a big no.

Next generation of browsers should have svg support, but right now it's not a good idea to put them on websites.
 
Very simple question, can i make my website with vector images?
As a practical matter, no, unless you want to resort to using Flash. There is lots of talk about making inline SVG images possible in browsers, but at the moment it's still mainly talk.
 
ok thanks guys, i just seemed the logical thing to do to make the web open with images that scale well to any size. i guess the world dosnt agree
 
First of all, some member weren't comfortable with the link, so I removed it. No offense intended, and I wasn't bothered, but I can see why some would be. Since it wasn't necessarily germane, it didn't seem to be an issue to remove it.

Second, I pray to my little shrine each night for true SVG support in major browsers. Firefox is adequate except for animation (which I think is a key area). Opera is really pretty good. Safari... well, the WebKit version supports it, but the official Tiger version doesn't. The Adobe plugin works very well on Windows, somewhat OK on some Macs.

Still, as iMeowbot mentions, inline support is the holy grail. One single downloaded text file with all the vector graphics alongside the HTML. It's coming... but not quickly. I've been expecting it for years now. Until then, as mentioned, you might as well go with Flash.
 
It is possible to get SVG to display inline on lots of browsers, but not seamlessly enough where you'd want to make it more than an optional version of a Web site at this point.

Here is listed some of the approaches. It's kind of a patchwork of not-quite-compatible kludges :/

There is a summary at svg.org of the inline (as in code) support mentioned by jsw, a few months behind but reasonably close to the current state of affairs, that explains what's possible today. Again, the current state is a little kludgey.

Support is probably good enough for experimental or demo sorts of things, but it's not the kind of stuff you probably want to put on a page intended for mainstream consumption at this point.
 
Support is probably good enough for experimental or demo sorts of things, but it's not the kind of stuff you probably want to put on a page intended for mainstream consumption at this point.
Thank you for clarifying what I intended to say: inlining is possible, but hoops need to be leapt through, and the results aren't consistent across browsers. I'd hoped for quicker adoption of (preferably inline-able) SVG, because I think it could make for a much richer standards-based (non-Flash) experience on low-bandwidth connections, on phones, etc.

Oh well. It'll happen. :)
 
what will be the advantages between vector images and bitmaps. Right now i have to use mainly .gif to bring my file sizes down but they dont look anyware neer as nice as my .png files, unfortunitly ie 6 dosnt support .png correctly so were all kinda waiting on < Windows XP users upgradeing to vista so the web can be better used with all these new formats.
 
I think that the utility of vector graphics on the Web will really hit home within a year or two, when the Mac-lovin' designy types start getting finer-pitch displays to go with their shiny new resolution-independent OS. Pixel-based Web page layouts will get smaller and smaller until icons and buttons start to require magnifying glasses or hideous fuzzy upscaling, and suddenly it will become a Something Must Be Done™ situation. A few web sites will start adopting SVG here and there, and there will be much complaining from those with older browsers that it doesn't work, until a really popular site adopts it, at which point lots and lots of people will give in and get supporting browsers.

(Honest, it's not that far fetched. Netscape 4 was the gold standard once upon a time, now there aren't many major Web sites left that really work with it.)
 
PNG's in IE6

PNG support in IE6

I found this a couple days ago, because I finally had to build a site that absolutely needed a PNG shadow background image. It was easy to use and the site looked fine in an IE6 screenshot. I might try to use it a little more often, at least until IE6 is permanently retired.
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.