If there is no compelling reason to use SVG I would agree, but there can be some reasons to prefer it over other image formats.
SVG can be useful if the image needs to be updated with dynamic data from the server or manipulated. For instance a thematic map with simple transforms. I've used this approach to render a fairly large (in pixels anyway) state map with many counties, the color of the county depended on various data. The svg, relatively small, is loaded to the browser once, the data values are read from the server as needed and the SVG updated accordingly. This is done at relatively high speed with very low network usage. The user could also zoom without losing detail. IIRC the SVG was on the order of 20KB (compressed). The ajax updates were very small, 100 bytes or so. On Fri, Jul 9, 2010 at 2:55 AM, Peter Spicer-Wensley < [email protected]> wrote: > Dear group, > Just use PNG they are fast and efficient and small. > Tip for making smaller PNG: use Photoshop if going from a bitmap graphic > and Illustrator if using SVG or EPS. > > Go file export for Web and Devices and select PNG8 also select transparency > (if desired) and AVOID TRANSPARENCY DITHER (looks dreadful). > > For the same size graphic PNG file size is much smaller than SVG (often one > half or less) depending upon the graphic. > > Smaller is faster. > Also PNG CAN DO ANIMATIONS! > Useful to remember. > Fireworks is a useful PNG creation tool but makes large intermediate file > sizes. I usually open Fireworks files in Photoshop once finished and then > export from there. (Depending on what I'm doing.) > > My 25c worth. > > PeterSW > Sent from my iPad > > On 09/07/2010, at 2:04 AM, Jonathan Hawkes <[email protected]> wrote: > > > I'm trying to write a web app that works in both Android and iPhone. I > wanted to use SVG images so that they would scale well. I have just found > that Android WebKit does not support SVG, so I wanted to have a fallback PNG > for Android. I first tried using the <OBJECT> tag, but that makes the image > lose transparency for some reason. I also tried multiple CSS rules: > > > > div.logo { > > background:url(/images/logo.png) no-repeat scroll center center; > > background-image:url(/images/logo.svg); > > height:115px; > > } > > > > But Android WebKit still picks up on the second rule even though it can't > support it. Any ideas? > > > > Thanks! > > > > -- > > You received this message because you are subscribed to the Google Groups > "iPhoneWebDev" group. > > To post to this group, send email to [email protected]. > > To unsubscribe from this group, send email to > [email protected]<iphonewebdev%[email protected]> > . > > For more options, visit this group at > http://groups.google.com/group/iphonewebdev?hl=en. > > -- > You received this message because you are subscribed to the Google Groups > "iPhoneWebDev" group. > To post to this group, send email to [email protected]. > To unsubscribe from this group, send email to > [email protected]<iphonewebdev%[email protected]> > . > For more options, visit this group at > http://groups.google.com/group/iphonewebdev?hl=en. > > -- Derek Williams Cell: 970.214.8928 Home Office: 970.416.8996 -- You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en.
