Habilitar imágenes WebP en WordPress sin Plugins

Byadmin

Habilitar imágenes WebP en WordPress sin Plugins

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?

En PHP estamos declarando una nueva función a la cual le pasamos un parámetro, en este caso será $formato, cuando el valor de $formato es enviado entonces el formato será habilitado en image/webp de WordPress.

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:

 

‘jpg|jpeg|jpe’ => ‘image/jpeg’,
‘gif’ => ‘image/gif’,
‘png’ => ‘image/png’,
‘bmp’ => ‘image/bmp’,
‘tif|tiff’ => ‘image/tiff’,
‘ico’ => ‘image/x-icon’,

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

admin administrator

Leave a Reply