Par d\u00e9faut, WordPress limite les types de fichiers qui peuvent \u00eatre t\u00e9l\u00e9charg\u00e9s directement dans la m\u00e9diath\u00e8que. Parmi les formats plus modernes et plus l\u00e9gers, SVG (Scalable Vector Graphics), AVIF (AV1 Image File Format) et WebP gagnent en popularit\u00e9 pour leur efficacit\u00e9 et leur qualit\u00e9 d'image. Dans cet article, vous d\u00e9couvrirez comment activer le chargement de ces formats de fichiers via des extraits de code, sans utiliser de plugins externes.<\/p>\n\n\n\n
Pourquoi utiliser SVG ?<\/strong><\/p>\n\n\n\n – \u00c9volutivit\u00e9<\/strong>Les SVG sont vectoriels, ce qui signifie qu'ils peuvent \u00eatre redimensionn\u00e9s sans perte de qualit\u00e9. Ils sont id\u00e9aux pour les ic\u00f4nes et les graphiques simples.<\/p>\n\n\n\n – Dimensions r\u00e9duites<\/strong>Les SVG occupent g\u00e9n\u00e9ralement moins d'espace que les images matricielles, en particulier pour les graphiques simples.<\/p>\n\n\n\n Pourquoi utiliser AVIF et WEBP ?<\/strong><\/p>\n\n\n\n – Compression efficace<\/strong>Ces deux formats offrent une meilleure compression que les fichiers JPEG et PNG traditionnels, ce qui permet de r\u00e9duire la taille des images sans en compromettre la qualit\u00e9.<\/p>\n\n\n\n – Soutien \u00e0 la transparence<\/strong>AVIF et WebP prennent tous deux en charge la transparence, ce qui en fait d'excellents outils pour les images avec des arri\u00e8re-plans transparents.<\/p>\n\n\n\n V\u00e9rifier les modifications<\/strong><\/p>\n\n\n\n Une fois le code ajout\u00e9 au Consid\u00e9rations relatives \u00e0 la s\u00e9curit\u00e9<\/strong><\/p>\n\n\n\n Il est important de noter que si le SVG est un format vectoriel utile, il peut \u00e9galement pr\u00e9senter des risques de s\u00e9curit\u00e9 s'il n'est pas manipul\u00e9 correctement. Les SVG peuvent contenir du code JavaScript et, s'ils sont t\u00e9l\u00e9charg\u00e9s \u00e0 partir de sources non fiables, ils peuvent compromettre la s\u00e9curit\u00e9 de votre site. Il est donc recommand\u00e9 de n'utiliser les SVG qu'\u00e0 partir de sources fiables et, si possible, d'assainir le contenu SVG avant de le t\u00e9l\u00e9charger.<\/p>\n\n\n\n\/**\n * Nom du Snippet : Permettre le t\u00e9l\u00e9chargement de fichiers svg, avif et webp\n * Auteur du Snippet : halkoo.com\n *\/\nfunction allow_custom_uploads($mimes) {\n \/\/ Activer SVG\n $mimes['svg'] = 'image\/svg+xml' ;\n \n \/\/ Activer AVIF\n $mimes['avif'] = 'image\/avif' ;\n \n \/\/ Activer WebP\n $mimes['webp'] = 'image\/webp' ;\n \n return $mimes ;\n}\nadd_filter('upload_mimes', 'allow_custom_uploads') ;<\/pre>\n\n\n\nfunctions.php<\/code> de votre th\u00e8me, vous pouvez aller dans votre biblioth\u00e8que de m\u00e9dias WordPress et essayer de t\u00e9l\u00e9charger des fichiers SVG, AVIF et WebP. Si tout s'est bien pass\u00e9, vous devriez pouvoir t\u00e9l\u00e9charger ces formats sans probl\u00e8me.<\/p>\n\n\n\n