Noticias SEO
Habilitar imágenes WebP en WordPress sin Plugins
¿Qué son las imágenes WebP?
Las imágenes WebP o imágenes con formatos de próxima generación son un tipo de imágenes de alta calidad desarrolladas por Google. Su principal característica es la calidad de imagen con un bajo peso.
La velocidad es un factor muy importante en el posicionamiento Web y en la mayoría de los casos son la principal causa de latencia Web.
Siempre es conveniente comprimir las imágenes antes de subirlas a WordPress aunque durante el proceso de compresión perdemos calidad. Es por ello que WebP es una excelente solución a este inconveniente, podemos subir imágenes de bajo peso sin perder calidad.
WordPress no permite subir imágenes con formato WebP y, aunque existen plugins para habilitar su carga, nosotros vamos a detallar cómo subirlas sin plugins. ¿El motivo? Muy sencillo, cuando instalamos plugins en WordPress también incrementamos la velocidad de carga Web.
Desde posicionamiento Web SEO te detallamos cómo habilitar imágenes WebP sin plugins paso a paso.
WordPress está basado en PHP con lo cual podemos agregar o personalizar nuestras propias funciones.
Habilitar imágenes Webp con PHP
Para habilitar el formato de imágenes de próxima generación (WebP) tenemos que ubicarnos en nuestro tema hijo. Para ubicarnos en el tema hijo (Capeta contenedora de las funciones principales de PHP para nuestra hoja de estilo), tenemos que dirigirnos a > wp-content > plugin > themes > function.php
Editamos el archivo function.php y agregamos la siguiente función al final del documento:
function nuevo_formato ( $formato ) {
$formato[‘webp’] = ‘image/webp’;
return $formato;}
add_filter(‘upload_mimes’, ‘nuevo_formato’, 1, 1);
¿Cómo funciona?
add_filter es una función propia de WordPress la cual, al ser invocada, se necesita declarar los tipos de valores que debe interpretar. ‘upload_mimes’ (Permiso de Acceso a un nuevo mime permitido), ‘nombre de la función que realiza el proceso’.
Los tipos de mimes reconocidos por defecto por WordPress son:
Habilitar imágenes WebP en apache server
Otra opción sería habilitar el uso de imágenes WebP del lado del servidor Apache.
Del lado del servidor tenemos que ingresar en .htaccess y agregar las siguientes líneas al archivo:
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
RewriteRule ^(wp-content/uploads.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp
Habilitar imágenes WebP en Nginx
En en caso de utilizar Nginx como servidor ingresar el siguiente código
map $http_accept $webp_ext {
default "";
"~*webp" ".webp";
}
# server config block
location ~* ^/wp-content/.+\.(png|jpg)$ {
add_header Vary Accept;
try_files $uri$webp_ext $uri =404;
}
Editar el archivo wp-config.php – Opción no recomendada por serguridad
Una solución rápida aunque no recomendada por seguridad, es editar el archivo wp-config.php en la carpeta principal de Wrodpress y agregar la siguiente línea:
define(‘ALLOW_UNFILTERED_UPLOADS’, true);
Cuidado: Con estas línea estaremos habilitando todos los tipos de archivos no definidos.
Borrar el caché del servidor o ejecutar un refresh
En el caso de aplicar cualquiera de las opciones y WordPress no permite subir los archivos, tenemos que borrar el caché y problema resuelto, ya puedes subir imágenes de próxima generación en WordPress..
About the author