homefinance blog
Ya hemos mencionado varias veces que la velocidad de carga de nuestro sitio es un factor clave cuando se trata de su posicionamiento en los motores de búsqueda.Y, aunque es posible que no necesite alcanzar la velocidad de Google, cualquier esfuerzo para optimizar la imagen es particularmente crítico para mejorar el SEO.La comunidad de WordPress es muy consciente de esto y, por esta razón, en la última versión 5.8 ha agregado la funcionalidad para admitir el formato de imagen WebP.Las imágenes de WebP WebP son un formato de imagen desarrollado por Google en 2010 para ser una alternativa a formatos como PNG y JPG, que produce archivos mucho más pequeños, al tiempo que mantiene cualidades de imagen similares.A diferencia de otros formatos, WebP acepta compresión con pérdidas y sin pérdidas, así como transparencia y animación.
Incluso con estas características, WebP siempre ofrece archivos más pequeños que sus alternativas.
En un estudio comparativo de Google de estos formatos de imágenes, se ha encontrado que las imágenes web de pérdidas son, en promedio, 30% más bajas que los JPG y un 25% más bajo que los PNG. Además, Google PageSpeed Insights, que es un evaluador del nivel de optimización de su sitio, recomienda utilizar los formatos de imagen modernos como una de las oportunidades para mejorar la velocidad de su sitio. Insights recomienda usar un formato de imagen WebP para mejorar la carga de su sitio. velocidad. Lo último que le gustaría es que sus lectores no puedan ver las imágenes correctamente.
Soporte del navegador para formato web (fuente: canisue.com).
Y la realidad es que el apoyo en cada uno de ellos está creciendo. Actualmente, ya estamos hablando del 95%de apoyo. Cómo convertir imágenes en WebP para cargar una imagen WebP en la biblioteca, obviamente, lo primero que necesitamos es la imagen que se dice en el formato en cuestión. Si descarga una imagen de un banco de imágenes, seguramente la descargará en formato JPEG o PNG. Entonces, su primera tarea será convertir la imagen en ese formato. ¿Qué alternativas tenemos?
Herramientas de diseño de imágenes Algunas herramientas de diseño de imágenes, como Sketch, Adobe Photoshop o Cloudininy, entre otras, incluyen la opción de guardar cualquier imagen en formato WebP. Es igual de simple abrir la imagen que desea convertir y luego guardarla en el nuevo formato. Pero si no es su caso, no se preocupe porque tiene alternativas gratuitas, como veremos a continuación. La herramienta oficial de Google Otra opción es descargar CWEBP, una herramienta Linux, viudas o Mac para convertir cualquier PNG o JPG a WebP. Una vez descargado e instalado, puede ejecutar directamente la instrucción para convertir cualquier imagen de su computadora. Entonces, por ejemplo, puede convertir un archivo de imagen PNG en una imagen webp con un rango de calidad de 80 con el comando: cwebp -q 80 image.png -o image.webp si tiene que convertir muchas imágenes al mismo tiempo Tiempo, este artículo explica las instrucciones, en un entorno similar a Unix (como macOS o Ubuntu), para que pueda convertir un gran conjunto de imágenes. Y en el mismo artículo también hablo sobre la alternativa a la conversión de programación con Node.js usando la herramienta Image-Webb. Convertidores en línea Otra alternativa si no desea escribir una sola línea de código es usar un convertidor de imagen en línea. Google muestra fácilmente una larga lista de convertidores, incluidos los siguientes:
EZGIF WEBP
NubeConvertir
Converso
Convertir en línea
Freeconvert
En total, solo tiene que cargar la imagen, hacer la conversión y descargar el archivo convertido.
Los complementos de WordPress finalmente, como explicaré a continuación, verá que también hay complementos que convierten las imágenes en formato WebP al cargarlas en su sitio de WordPress. Cómo cargar una imagen WebP en la biblioteca de medios Una vez que tengamos la imagen en este formato, debería poder subirla a su biblioteca de WordPress de medios como de costumbre, pero … se ha producido un error al intentar subir una imagen webp en Biblioteca de medios de WordPress. HOBA, no funciona! Al menos no fue para mí. Y puede enfrentar el mismo problema, dependiendo del proveedor de alojamiento que esté utilizando actualmente.
WordPress tiene una limitación incorporada de los tipos de archivos MIME que puede cobrar en su sitio por razones de seguridad. MIME significa extensiones de publicaciones de Internet multifuncionales. Los tipos de MIME son utilizados por los navegadores y otros dispositivos de Internet para determinar el tipo de contenido asociado con una página. Por ejemplo, si tiene un archivo .png y un archivo .jpeg en una página, el navegador sabrá por sus tipos (no de su extensión de archivo) que deben tratar ambos archivos como imágenes en lugar de videos u otros tipos de archivos. Por defecto, WordPress almacena una lista de tipos de MIME registrados en WP-Includes/Functions.php. Sin embargo, no todos los tipos de MIME reconocidos se pueden cargar.
y si intenta cargar un archivo con una extensión fuera de esta lista predefinida, como es el caso de WebP, verá el mensaje de error anterior. En la documentación de su empresa de alojamiento, encontrará más alternativas para cambiar la forma en que le permite cargar este nuevo MIME. Esto generalmente ocurre utilizando un complemento con el que puede agregar tipos de archivos adicionales o modificar el archivo directamente o puede usar su propio complemento con el siguiente código: función NELI_CUSTOM_UPLOAD_MIMES ($ EXIT_MIMES) {$ EXIT_MIMES WEBM ‘; devolver $ EXIT_MIMES; } add_filter (‘mime_types’, ‘neli_custom_upload_mimes’); O, alternativamente, modifique el archivo wp-config.php, agregando la siguiente línea de código: define (‘toShing_unFiltered_uploads’, true); Una vez que haya realizado los cambios necesarios, debería poder cargar la imagen. El próximo intento …
No se pudo cargar una imagen WebP en la biblioteca de medios de WordPress. Bueno, parece que no será posible … en este caso, como se discutió en el foro de WordPress, para algunos la solución era asegurarse de que la biblioteca Imagick se instalara y reiniciar el servidor. Para otros (como en mi caso), la única forma de cargar la imagen era usar el enlace del navegador-sopload que puede encontrar en la parte inferior del panel de carga de la imagen. Y listo, ¡tengo mi imagen webp cargada!
Imagen en formato webp en la biblioteca de medios. Los complementos de WordPress para convertir imágenes en webp ya le he dicho sobre guardar espacio y cargar para tener imágenes en este formato WebP. Y el problema surge cuando pensamos en cómo convertir todas las imágenes que ya hemos cargado en nuestro servidor. La buena noticia, como la mayoría de las veces en WordPress, es que tenemos más complementos que pueden hacer esto. Y no solo eso, algunos de ellos, antes de cargar cualquier imagen en su biblioteca, pueden forzar la conversión de la imagen a la webp, sin preocuparse por ello. Algunos de los más conocidos son:
Optimizador de imagen EWWW
WebP Express
Shortpíxel
Imaginar
Óptimo
WebPConverter para los medios
