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

Por defecto, WordPress restringe los tipos de archivo que pueden subirse directamente a la biblioteca multimedia. Entre los formatos más modernos y ligeros, SVG (Scalable Vector Graphics), AVIF (AV1 Image File Format) y WebP están ganando popularidad por su eficiencia y calidad de imagen. En este artículo, descubrirás cómo habilitar la carga de estos formatos de archivo mediante fragmentos de código, sin necesidad de utilizar ningún plugin externo.

¿Por qué utilizar SVG?

– EscalabilidadLos SVG están basados en vectores, lo que significa que pueden cambiar de tamaño sin perder calidad. Son ideales para iconos y gráficos sencillos.

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

¿Por qué utilizar AVIF y WEBP?

– Compresión eficaz: Ambos formatos ofrecen mejor compresión que los archivos JPEG y PNG tradicionales, lo que permite reducir el tamaño de las imágenes sin comprometer la calidad.

– 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 de tu tema, puedes ir a la biblioteca multimedia de WordPress e intentar subir archivos SVG, AVIF y WebP. Si todo ha ido bien, deberías poder subir estos formatos sin problemas.

Consideraciones de seguridad

Es importante tener en cuenta que, aunque SVG es un formato vectorial útil, también puede presentar riesgos de seguridad si no se maneja correctamente. Los SVG pueden contener código JavaScript y, si se cargan desde fuentes no fiables, podrían comprometer la seguridad de su sitio. Por lo tanto, se recomienda utilizar SVG sólo de fuentes fiables y, si es posible, desinfectar el contenido SVG antes de cargarlo.

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