Quatre conseils pour utiliser les SVG en toute sécurité

Publié: 2023-03-02

Lorsqu'il s'agit d'utiliser des graphiques vectoriels évolutifs ou SVG, il y a quelques choses que vous devez savoir afin de vous assurer que votre expérience est aussi sûre que possible. Voici quatre conseils pour utiliser les SVG en toute sécurité : 1. Assurez-vous de ne télécharger que des SVG provenant de sources fiables. 2. Si vous allez éditer un SVG, assurez-vous que vous utilisez un programme compatible avec le format de fichier. 3. Lorsque vous utilisez des SVG sur votre site Web, assurez-vous que vous utilisez le bon code pour les intégrer. 4. Et enfin, testez toujours vos SVG avant de les publier. En suivant ces quatre conseils, vous pouvez vous assurer que votre expérience avec les SVG est sûre et agréable.

La SDVitization peut être réalisée via les bibliothèques suivantes : https://github.com/darylldoyle/svg-sanitizer. Le plugin est simple à utiliser et fonctionne bien. Lors du téléchargement, il supprime un fichier malformé ou malveillant afin de s'assurer qu'il ne sera pas chargé ultérieurement dans votre médiathèque. Safe SVG est un logiciel open source gratuit et disponible en téléchargement. Par conséquent, vous pouvez rapidement et facilement ajouter de nouveaux SVG ou remplacer des SVG existants sans avoir à utiliser les outils de développement. La version minimale de WordPress est passée de 4.0 à 4.7, et la version minimale de PHP a été réduite de 5.6 à 7.0. Il y a eu 64 critiques de plugins pour ce plugin.

Est-ce sécurisé d'avoir SVG sur votre site Web ? La création et l'utilisation de vos propres fichiers SVG n'ont aucune incidence sur la sécurité. Autoriser les utilisateurs non fiables à télécharger des fichiers constitue une menace. N'hésitez pas à utiliser le fichier SVG s'il est créé par vous et ne contient aucun script malveillant.

Parce que nous n'utilisons pas le partage de fichiers peer to peer (DropBox, 4shared, etc.) pour vous rendre nos fichiers gratuits accessibles, même nos fichiers gratuits sont sécurisés. Il vous est livré directement via HTTP sur nos serveurs et est sécurisé.

Qu'est-ce qu'un Svg sécurisé ?

Qu'est-ce qu'un Svg sécurisé ?
Image par – fbcd

Un fichier SVG est un fichier graphique qui utilise un format graphique vectoriel bidimensionnel créé par le World Wide Web Consortium (W3C). Les fichiers SVG sont des fichiers texte avec un balisage XML qui décrit l'image. L'avantage d'utiliser un fichier SVG est qu'il peut être redimensionné à n'importe quelle taille sans perte de qualité.

La plate-forme WordPress prend en charge l'utilisation de divers formats d'image, notamment JPG, PNG et GIF. Bien que les vecteurs avec des graphiques complexes (SVG) ne soient pas les types de fichiers les plus sûrs, il existe des moyens de les supprimer. Depuis 1999, 19 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 sur 20 graphiques vectoriels (SVG) sont constitué de vecteurs plutôt que d'octets. Leurs empreintes plus petites aident à réduire la quantité d'espace nécessaire au chargement de votre site Web. Ils sont sujets à des erreurs lorsqu'ils sont utilisés, comme le manque de précision en termes de détails complexes. Étant donné que les fichiers XML sont des fichiers XML, ils peuvent être infectés par des logiciels malveillants. Vous pouvez utiliser des extraits de code pour activer la prise en charge SVG dans WordPress.

Pour vous assurer que les mots que vous copiez et collez ne compromettent pas la sécurité de votre site Web, assurez-vous qu'ils ne contiennent rien de malveillant. Il existe des didacticiels en ligne sur la façon de nettoyer le code, mais la programmation est souvent difficile. Vous pouvez utiliser des fichiers SVG sur votre site en toute sécurité en utilisant l'une des bibliothèques de plugins disponibles dans le répertoire WordPress. Dans ce didacticiel, nous utiliserons Safe SVG, qui utilise une bibliothèque de nettoyage SVG pour télécharger des images. CMS exige désormais qu'ils contiennent la balise <XML> pour pouvoir les utiliser. Ce type de fichier peut être utilisé sur votre site web en ouvrant simplement le fichier functions.php de votre thème et en insérant le code suivant : Le support WordPress SVG doit être activé manuellement. Il n'inclut pas la désinfection des fichiers , vous serez donc exposé aux problèmes de sécurité susmentionnés.

Afin d'effectuer efficacement une solution manuelle, vous devez également désinfecter tous les fichiers téléchargés sur votre site Web. Ce serait un bon début en utilisant le plugin que nous avons décrit ci-dessus, ainsi que SVG-Sanitizer, qui a été créé par la même personne. Vous devez inclure le type de fichier image/svg.xml dans la compression Gzip pour accélérer votre site Web. Maintenant que vous avez installé les SVG, vous pouvez commencer à les utiliser sur votre site WordPress. Il est essentiel que vous le fassiez d'une manière à la fois sûre et responsable. Vous devez éviter d'utiliser ou d'afficher des icônes ou des logos susceptibles de compromettre votre présence sur le Web.

En raison de leur popularité, les fichiers sva sont un moyen populaire pour les attaquants de diffuser des logiciels malveillants et d'autres logiciels malveillants. Un site Web malveillant peut rediriger les utilisateurs vers un fichier SVG malveillant contenant du code JavaScript intégré. Ces sites sont souvent conçus pour inciter les utilisateurs à installer des logiciels espions ou un programme de suppression de virus, qui sont tous deux extrêmement dangereux. En raison de leur popularité croissante, les attaquants sont attirés par les fichiers SVG.

3 façons d'utiliser des fichiers SVG sur votre site WordPress

Même si vous n'êtes pas administrateur, vous pouvez toujours télécharger des fichiers SVG ; cependant, vous ne pourrez pas les prévisualiser dans la médiathèque. Pour ce faire, utilisez le plugin WP Smush.com. Vous pouvez télécharger vos fichiers SVG sur votre site Web après l'avoir activé.
Une fois les fichiers téléchargés et compressés, vous devez vous assurer qu'ils sont en sécurité. Safe SVG est un outil qui peut vous aider dans cette situation. Si vous téléchargez vos fichiers SVG sur un site via Safe SVG, il les nettoiera avant qu'ils ne puissent être affichés. En conséquence, les vulnérabilités seront évitées.
Enfin, si le plugin WP Smush.com est en cours d'exécution, vous pouvez économiser de la bande passante en compressant vos fichiers SVG.
Vos propres graphiques peuvent maintenant être téléchargés sur votre site WordPress car vous avez appris à activer et à utiliser les fichiers SVG. Safe SVG peut vous aider à vous assurer que votre site est à l'abri des vulnérabilités potentielles causées par SVG ou XML.

Quel programme puis-je utiliser pour ouvrir des fichiers SVG ?

Quel programme puis-je utiliser pour ouvrir des fichiers SVG ?
Image par - lifewire

La possibilité d'exporter des images SVG depuis Google Chrome, Firefox, Internet Explorer et Opera est désormais disponible dans tous les navigateurs populaires. Outre les éditeurs de texte de base et les éditeurs graphiques haut de gamme, un fichier SVG peut être utilisé dans certains éditeurs graphiques.

Vous pouvez utiliser un fichier SVG pour concevoir des logos, des illustrations et d'autres graphiques qui peuvent être agrandis ou réduits sans perte de qualité.
Si vous souhaitez concevoir des graphiques pouvant être agrandis ou réduits sans perte de qualité, les fichiers SVG sont une excellente option. En raison du formatage basé sur XML, ces fichiers peuvent être visualisés dans un navigateur Web ou un outil d'édition d'images tel que PhotoShop.
Avec ces fichiers, vous pouvez personnaliser des logos, des illustrations et d'autres graphiques pour qu'ils soient agrandis ou réduits en qualité sans perdre leur qualité d'origine. Si vous souhaitez créer des graphiques pouvant être utilisés sur un site Web ou imprimés, vous pouvez utiliser des fichiers SVG.