Activar la carga de archivos SVG, AVIF y WebP en WordPress

Per impostazione predefinita, WordPress limita i tipi di file che è possibile caricare direttamente nella libreria media. Tra i formati più moderni e leggeri, SVG (Scalable Vector Graphics), AVIF (AV1 Image File Format) e WebP stanno guadagnando popolarità per la loro efficienza e qualità delle immagini. In questo articolo scoprirai come abilitare il caricamento di questi formati di file tramite snippet di codice, senza quindi l’utilizzo di nessun plugin esterno.

Perché Utilizzare SVG?

– Escalabilidad: Gli SVG sono vettoriali, il che significa che possono essere ridimensionati senza perdere qualità. Sono ideali per icone e grafica semplice.

– Dimensiones reducidasLos SVG suelen ocupar menos espacio que las imágenes rasterizadas, sobre todo para gráficos sencillos.

Perchè utilizzare AVIF e WEBP?

– Compresión eficaz: Entrambi i formati offrono una compressione migliore rispetto ai tradizionali file JPEG e PNG, consentendo di ridurre le dimensioni delle immagini senza compromettere la qualità.

– Apoyo a la transparenciaTanto AVIF como WebP admiten transparencias, por lo que son excelentes para imágenes con fondos transparentes.

/**
 * Nombre del snippet: Enable upload files svg, avif and webp
 * Autor del snippet: halkoo.com
 */
function allow_custom_uploads($mimes) {
    // Habilitar SVG
    $mimes['svg'] = 'image/svg+xml';
    
    // Activar AVIF
    $mimes['avif'] = 'image/avif';
    
    // Activar WebP
    $mimes['webp'] = 'image/webp';
    
    return $mimes;
}
add_filter('upload_mimes', 'allow_custom_uploads');

Comprobar modificaciones

Una vez que el código se ha añadido al funciones.php del tuo tema, puoi andare nella tua libreria media di WordPress e provare a caricare file SVG, AVIF e WebP. Se tutto è andato a buon fine, dovresti poter caricare questi formati senza problemi.

Consideraciones de seguridad

È importante notare che, mentre SVG è un formato vettoriale utile, può anche presentare dei rischi di sicurezza se non gestito correttamente. Gli SVG possono contenere codice JavaScript e, se caricate da fonti non fidate, potrebbero compromettere la sicurezza del sito. Pertanto, si consiglia di utilizzare SVG solo da fonti affidabili e, se possibile, di sanitizzare il contenuto SVG prima di caricarlo.

¿Necesita ayuda? Escriba a info@halkoo.com para recibir un presupuesto personalizado para su nuevo sitio web o tienda de comercio electrónico.