Cómo subir el formato de imagen WebP a Wordpress y que se muestre la vista previa en la biblioteca de medios

Qué es WebP

WebP (pronunciado «weppy») es un formato gráfico en forma de contenedor, que sustenta tanto compresión de imágenes con pérdida (mínima) como sin ella.

Desde que la velocidad de carga de una web se ha convertido en un aspecto fundamental, y en un criterio decisivo a la hora de posicionar una página, un uso efectivo de las imágenes se ha hecho necesario. De esta necesidad han nacido formatos como el WebP o SVG (para imágenes vectoriales). Con ellos, los tiempos de carga de una web disminuyen considerablemente y el riesgo de ahuyentar al visitante es menor.

WebP es uno de los formatos más eficientes para las imágenes en Internet.  El problema consiste en que aún no es un formato aceptado plenamente; Chrome lo sustenta de forma nativa al igual que Opera. A principios de 2019, el formato ya estaba disponible en una gran variedad de navegadores como Edge, Firefox, Opera Mobile y Mini, Android Browser, Baidu Browser, Vivaldi etc... (excepto Safari, tengo entendido).

Cómo usar WebP en Worppress

Ahora bien, si eres usuario de Wordpress, te preguntarás cómo puedes usar este formato WebP sin la necesidad de instalar ningún plugin (aunque los hay bastante útiles que te hacen el trabajo casi ellos solos, yo prefiero siempre la opción sin plugin).
He aquí la respuesta:

Herramientas online para convertir a WepP:

Sube a cualquiera de estas webs de conversión la imagen que deseas comprimir y con el porcentaje de compresión que deseas y después descarga la imagen resultante. Asegúrate que el peso de la imagen es menor y estás conforme.

• ezgif.com

• convertio.co

• online-convert

También puedes utilizar editores como Photoshop y Gimp.

Ver imágenes WebP en la Galería de Wordpress.

Los archivos soportados por defecto en la biblioteca de medios de Wordpress (aunque algunos proveedores de hosting pueden limitarlos por seguridad) son los siguientes:
         .jpg, .jpeg, .png, .gif, .ico, .pdf, .doc, .docx, .ppt, .pptx, .pps, .ppsx, .odt, .xls, .xlsx, .psd, .mp3, .m4a, .ogg, .wav, .mp4, .m4v, .mov (QuickTime), .wmv, .avi, .mpg, .ogv (Ogg), .3gp, .3g2 (3GPP2)

Si intentas subir un archivo no soportado te saldrá un error que dice lo siguiente: "Ha habido un error al subir image.webp". Perdona, por razones de seguridad, este archivo no está permitido."

Por defecto, Wordpress no está preparado para subir este tipo de archivos a su galería de medios así que necesitarás modificar el archivo "funtions.php" de tu tema activo.


Con este código lograrás que Wordpress acepte la subida del formato webp y además que muestre las miniaturas en la biblioteca de medios. 

//sube imágenes webp a Wordpress

//enable upload for webp image files.
function webp_upload_mimes($existing_mimes) {
    $existing_mimes['webp'] = 'image/webp';
    return $existing_mimes;
}
add_filter('mime_types', 'webp_upload_mimes');
//enable, show preview  thumbnails for webp image files in Wordpress media manager.
//muestra miniaturas de imágenes webp en la galería de medios de Wordpress
function webp_is_displayable($result, $path) {
    if ($result === false) {
        $displayable_image_types = array(
            IMAGETYPE_WEBP
        );
        $info = @getimagesize($path);
        if (empty($info)) {
            $result = false;
        } elseif (!in_array($info[2], $displayable_image_types)) {
            $result = false;
        } else {
            $result = true;
        }
    }
    return $result;
}
add_filter('file_is_displayable_image', 'webp_is_displayable', 10, 2);

En resumen:

Subiendo a tu web imágenes comprimidas con el formato WebP lograrás acelerar la carga de tu web y mejorar la reputación de tu página en Google y demás webs que analizan la calidad de tu sitio.


Fuente:
https://stackoverflow.com/questions/54442929/wordpress-webp-image-previews