Les développeurs devraient donc cesser de prendre en charge IE8, IE9 et IE10. Damp;rsquoun point de vue commercial, cela namp;rsquoest peut être pas toujours possible, mais il y a des aspects positifs. , pour une raison ou une autre, avez encore besoin du support IE8, pouvez définir une image de secours (PNG ou JPG) pour une image SVG, mais nous namp;rsquoen parlons pas aujourdamp;rsquohui. Voici une liste des navigateurs pris en charge:
Internet Explorer 9, 10, 11 + et Edge Firefox 2 + Chrome 4 + Safari 3.1 + Opera 10 + iOS Safari 3.2 + Android Browser 3 + Firefox for Android 86 + opera mini (All) Opera Mobile 12 + Chrome For Android 89 + UC Browser for Android 12.12 + Samsung Internet 4 + Browser qq 10.4 Browser Baidu 7.12 Browser kaios 2.5 Avantages du support pour les fichiers SVG dans les navigateurs SVG les fichiers SVG sont au format vectoriel, ce qui signifie quamp;rsquoils peuvent être automatiquement mis à lamp;rsquoéchelle dans les navigateurs et les outils damp;rsquoédition de photos. Cela les rend très utiles aux graphistes et aux webdesigners. En général, lorsque essayez damp;rsquoéditer PNG ou JPG dans un outil comme Photoshop, sketch ou paint, ne pouvez pas zoomer sans pixels. Avec SVG, pouvez les augmenter à lamp;rsquoinfini et ils ressemblent à des pixels parfaits à chaque fois (ou nous devrions dire des vecteurs parfaits). Camp;rsquoest pourquoi ils sont un excellent format damp;rsquoimage pour les écrans rétiniens.
Google index SVG, camp;rsquoest une bonne nouvelle pour le référencement. Le contenu SVG lié au fichier lui même est indexé et affiché dans la recherche damp;rsquoimages Google. En effectuant une recherche damp;rsquoimage avancée, pouvez le voir même à travers lamp;rsquoillustration SVG que nous utilisons sur kinsta. Remarque: SVG en ligne, ou plutôt SVG Code seulement, namp;rsquoest généralement pas indexé. Les SVG sont généralement (pas toujours) plus petits que les PNG ou les JPG. Avec SVG, pouvez en fait accélérer les sites WordPress car Réduirez la taille globale
Ve de cette page. Genki a écrit un bon article comparant les tailles de SVG, PNG et JPEG. Voici notre comparaison de JPG et JPEG. Voici quelques extraits de ses essais comparant trois types damp;rsquoimages différents.
Vous voulez savoir comment nous avons augmenté le trafic de plus de 1000%? Joignez à plus de 20 000 personnes qui reçoivent nos communiqués de presse hebdomadaires pour donner des conseils aux experts WordPress! Abonnez à JPG maintenant (taille optimisée: 81.4 KB) Jpg PNG image (taille optimisée: 85.1 KB) Image PNG SVG (taille optimisée: 6.1 KB) Image SVG comme indiqué ci dessus, la taille du fichier SVG est réduite de 92,51% par rapport à JPG. 92,83% du PIB. Ce sont des différences impressionnantes dans la taille des fichiers. Cependant, il y a un avertissement, parce quamp;rsquoil teste des images plus détaillées, SVG finit par devenir plus grand que JPG ou PNG.
Nous avons Gzip activé sur tous les serveurs afin quamp;rsquoils puissent gérer votre SVG. Essayez kinsta gratuitement. Camp;rsquoest pourquoi de nombreux sites Web utilisent SVG pour traiter des images moins détaillées, comme des logos, des icônes, etc. Parce quamp;rsquoils verront une réduction significative de la taille du fichier. Mais pour les images plus détaillées, comme votre billet de blog
Pourquoi la sécurité SVG est importante
Considérez qui sur le site a le droit de SVG. Par exemple, si êtes sur un site avec plusieurs auteurs, ne savez pas quel type de SVG quelquamp;rsquoun damp;rsquoautre pourrait , exposant ainsi votre site. Nous recommandons de limiter les téléchargements SVG aux administrateurs et aux personnes qui connaissent certains problèmes de sécurité. Daryll a développé un plugin WP SVG (aussi appelé Safe SVG) qui utilise la Bibliothèque de désinfectants SVG lors du téléchargement d’images SVG dans la médiathèque WordPress. Le plug in permet également de considérer SVG comme une image normale dans la médiathèque.
Plug in WP SVG pouvez le SVG sécurisé gratuitement à partir du dépôt WordPress ou rechercher le SVG sécurisé sous ajouter un nouveau plug in dans le tableau de bord WordPress. Vous pouvez lever et partir en quelques clics. Ce plug in namp;rsquoa pas reçu de mises à jour récentes, donc assurez quamp;rsquoil est testé sur un site temporaire avant de lamp;rsquoinstaller sur le site de production. Il existe également une version avancée sur wpsvg. Com, qui permet de limiter le chargement SVG à des utilisateurs spécifiques et damp;rsquoeffectuer des optimisations SVG supplémentaires. Dans lamp;rsquoexemple suivant, nous utiliserons simplement la version gratuite. Comme alternative, devrez peut être vérifier le support SVG. Nous avons Gzip activé sur tous les serveurs afin quamp;rsquoils puissent gérer votre SVG. Essayez kinsta gratuitement. Avant de des fichiers SVG, assurez de comprendre quamp;rsquoils se comportent légèrement différemment des images. Lorsque exportez SVG à partir de lamp;rsquooutil damp;rsquoédition de photos, voulez exporter du texte sous forme de courbes (ou créer des profils), sinon cela peut varier légèrement damp;rsquoun navigateur à lamp;rsquoautre. Logiciel de conception de diagrammes vectoriels – une fois le plug in installé, exportez le texte sous forme de courbes SVG, sans réglage, et il suffit de nettoyer SVG lors du chargement. Sur le site de test ci dessous, pouvez voir
Liate ne fonctionne pas correctement dans le format SVG. SVG est parfait pour votre logo, en samp;rsquoassurant quamp;rsquoil correspond parfaitement aux pixels et aux icônes de chaque écran. Quamp;rsquoest ce que tu en penses? Avez déjà utilisé SVG sur le site WordPress?
Qu&rsquoest ce que tu veux faire? Est ce un fichier SVG (et comment télécharger SVG sur WordPress)?
