html - Do SVG-enabled browsers ignore alternative images (when included in object tags)? -


An illustration I want to include in a site is 28.1 times smaller in SGG format compared to the same illustration PNG

Unfortunately, I have to complete the browser which is not SVG-enabled. That's why I'm still including PNG as an option, such as:

  & lt; Object type = "image / svg + xml" data = "illustration svg" & gt; & Lt; Img src = "illustration.png" alt = "optional description" & gt; & Lt; / Object & gt;   

Will SVG enabled browsers ignore PNG in this case or will it be loaded in the background in some way? (I.e. saving me over load time)?

Both Firefox v4 and chrome v10 < Strong> Download Alternate Image You will not save any bandwidth or load time by using any SVG image with PNG fallback.

Developed by Firebug and Chrome Developer Tools tested on the Net panel: Firebug both Tiger. Showing requests for svg and tiger.png  Chrome is showing a request for both of the developer tools. SVG and tiger.png

Note that this does not mean that using SVG is not a good idea. You should still use SVG because it will print and will be better than related PNG.

Comments