Gérer les navigateurs qui ne supportent pas le SVG
C'est ce que vous permet ce plugin JavaScript

Le SVG est de plus en plus utilisé à l'instar des classiques JPEG et autres PNG.
La raison est simple : la qualité de l'image reste la même quelle que soit sa résolution.
Un bonheur pour tous les graphistes Web ! Malheureusement les vieux navigateurs ne supportent pas ce format récent.
C'est à ce niveau qu'intervient SVGeezy !

Ce plugin JavaScript offre un fallback pour les images SVG dans le cas de vieux navigateurs incompatibles.
SVGeezy est simpliste : il détecte les navigateurs ne supportant pas le format SVG et dans ce cas remplace votre image par un .png (ou un autre format que vous aurez défini).
Deux possibilités d'utilisation :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
svgeezy.init('nocheck', 'png'); // le plugin ne doit pas s'appliquer sur les éléments ayant la classe nocheck
ou
Code : Sélectionner tout - Visualiser dans une fenêtre à part
svgeezy.init(false, 'png'); // le plugin va vérifier toutes les images
Il y a deux paramètres dans l'appel au plugin :
  • le premier qui peut être soit false soit une classe CSS. Si une classe est renseignée le plugin ne s'appliquera pas sur les éléments ayant cette classe ; sinon il vérifiera toutes les images ;
  • le second paramètre est l'extension de fichier qui viendra remplacer votre SVG. Assurez-vous que votre fichier existe bien : /images/logo.svg sera remplacé par /images/logo.png.


Pour plus d'informations je vous invite à consulter la source sur GitHub.

Télécharger SVGeezy.

Source : benhowdle.im

Et vous ?

Utilisez-vous le SVG pour vos images ?
Si oui vous êtes-vous déjà préoccupé de la compatibilité avec les vieux navigateurs ?