[jQuery] SVGMagic: Full-featured SVG fallback

SVGMagic: Full-featured SVG fallback

SVGMagic is a cross-browser compatible jQuery plugin that searches for SVG images on your site and automatically creates PNG versions if the browser doesn’t support SVG. It’s a simple, single-purpose plugin that requires no configuration.

Homepage: http://svgmagic.bitlabs.nl/
GitHub: https://github.com/dirkgroenen/SVGMagic
Demo Page: http://svgmagic.bitlabs.nl/demo.html

 

SVGMagic - Cross browser SVG

This ease-to-use jQuery plugin will create a fallback for .SVG images on your website. When the plugin notices that the visitors browser doesn't support .SVG images it will replace those images with new .PNG images. Those .PNG images are created on the run using a serverside script. When the visitors browser does support .SVG images it will just go back to sleep.

A big advantage of SVGMagic is that you don't have to create multiple versions of your images. You can just focus on the .SVG images and let SVGMagic do the rest.

You can find more information and demos on our website.

SVG... what/why?

SVG is a vector graphics format, meaning it's perfectly scalable. Whatever size it needs to display at, or whatever screen it needs to display on, an SVG will adapt perfectly. This means that you can use the same image for desktop and mobile (including Retina) visitors. They all get a perfectly sharp image.