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 :
svgeezy.init('nocheck', 'png'); // le plugin ne doit pas s'appliquer sur les éléments ayant la classe nocheck
ou
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 ?
Partager