Saltar al contenido

¿Qué es WebP y cómo habilitarlo en WordPress?


2zaOD03

7 Mejores Plugins para Migrar WordPress (2019)

Más de la mitad de una página web promedio está compuesta de imágenes. Por lo tanto, si puede optimizar estas imágenes, entonces puede ahorrar mucho espacio en su servidor, así como reducir el tiempo de carga de sus páginas.

Lo ideal es que comprima todas las imágenes que suba a su sitio web. Esto debe hacerse sin alterar la calidad de las imágenes.

Si la compresión no tiene lugar, entonces la velocidad de su sitio web se verá afectada. Entonces, los visitantes se frustrarán con la lentitud de su sitio web y, en última instancia, pueden terminar abandonándolo.

Si el tamaño de un archivo de imagen es demasiado grande, tardará mucho tiempo en descargarse cuando un visitante haga clic en su página. Si tarda mucho tiempo en descargarse, entonces todo el sitio web se ralentizará.

La velocidad es un factor significativo cuando se trata de SEO. Google tendrá en cuenta el tiempo que tarda su sitio en cargarse cuando se clasifica en los resultados de búsqueda.

¿Qué formato de imagen elegir?

Hay varios tipos de archivos que puede utilizar en el sitio web. GIF, PNG y JPEG tienden a ser la opción más frecuente.

Choosing images

En la mayoría de los casos, JPEG es la opción preferida porque es de alta calidad cuando la imagen tiene muchos colores. Los tamaños de los archivos también son bastante pequeños.

Si tiene una imagen que no contiene muchos colores, como gráficos de iconos y dibujos de líneas, entonces PNG es su mejor opción.

Cuando se trata de elegir el tipo de archivo correcto, entonces puede que la siguiente regla le resulte útil. Debe utilizar JPEG para las imágenes, GIF para las animaciones y PNG para los gráficos.

Es vital elegir el archivo correcto para que la calidad sea buena y que su sitio se cargue rápidamente. Hay ventajas y desventajas de usar los tres tipos principales de imágenes.

Los archivos JPEG son ideales para fotografías porque contienen muchos detalles y a menudo son muy coloridos. Sin embargo, si hay muchos detalles, entonces el archivo puede ser bastante grande, y después de la compresión, no siempre se ven tan bien.

Los archivos PNG no funcionan muy bien para las fotografías. Sin embargo, son una excelente opción para logotipos porque no hay efectos adversos cuando se comprimen. Son excelentes para mantener la calidad cuando se comprimen y apoyan la transparencia.

Si quieres animar tu imagen, entonces los archivos GIF son la opción correcta, pero no se verán tan bien si eliges hacer la imagen estática.

Uso del formato WebP

Cada vez que subas una nueva imagen a WordPress, también se crearán tres versiones diferentes.

Todas estas imágenes serán de diferentes tamaños: en miniatura, medianas y grandes. Usted todavía puede acceder a su imagen original con todo el tamaño inicial. Esto es muy útil porque significa que no tienes que cambiar el tamaño de todas tus imágenes manualmente.

También le ayuda a asegurarse de que todas sus páginas están optimizadas con imágenes del tamaño correcto.

Todavía puede editar las dimensiones si necesita que la imagen tenga un tamaño diferente. Si la configuración predeterminada no se ajusta a lo que necesita, puede editar fácilmente las dimensiones.

Otra alternativa es utilizar el formato de imagen WebP. Esto hace que las imágenes sean más pequeñas pero mantiene la riqueza de la imagen.

Serán de la misma calidad que las imágenes JPEG y PNG, pero son mucho más pequeñas, lo que significa que su página se cargará más rápido.

Según los datos de Google, son un 26% más pequeños que los PNG y un 25-34% más pequeños que los JPEG, manteniendo la misma calidad.

Google diseñó WebP como un reemplazo para otros tipos de archivos de imagen. Las imágenes pueden ser comprimidas si es necesario, y también es adecuado para animaciones.

WebP

Ejemplos de Galería WebP de Google

WebP puede codificar una imagen con compresión con pérdida utilizando codificación predictiva. Un valor de un bloque puede predecirse utilizando los valores de los bloques vecinos, y entonces sólo es necesario codificar la diferencia.

La compresión sin pérdidas también está disponible para WebP. Los nuevos píxeles se reconstruyen a partir de imágenes que ya se han visto. Si no se encuentra ninguna coincidencia, entonces hay una paleta local que se puede utilizar.

Cuando usted utiliza un formato como WebP para reducir el tamaño de sus imágenes, encontrará que su sitio es mucho más sensible. Esto mejorará toda la experiencia de sus visitantes.

¿Por qué no se utiliza más ampliamente el WebP?

Esto plantea la pregunta de por qué todo el mundo no está usando WebP, especialmente cuando tiene tantos beneficios

¿Por qué JPEG y PNG siguen existiendo si WebP puede producir tamaños de archivo más pequeños de calidad comparable? La razón principal es que no todas las versiones de los navegadores soportan el formato.

Según Can I use…, los navegadores que soportan WebP incluyen Chrome, Firefox, Opera, Opera Mini, el navegador Android y Chrome para Android.

WebP Image Format

Si decide utilizar WebP, es muy probable que la mayoría de sus usuarios se beneficien de todas las funciones. Chrome tiene el 66% de la cuota de mercado de uso en comparación con otros navegadores.

Hasta ahora, sólo Safari no ha anunciado ninguna intención de apoyar este formato. El hecho de que Apple no sea compatible con WebP no significa que no deba utilizar este formato.

Es posible entregar archivos WebP a los visitantes que utilizan navegadores compatibles mientras muestran JPEG y PNG como respaldo para los usuarios de Safari.

De esta manera, en lugar de entregar WebP a todos los usuarios y arriesgarte a que los usuarios de Safari vean imágenes rotas, puedes asegurarte de que todos los visitantes vean tus imágenes. Mientras que los usuarios, con navegadores soportados, obtendrán una experiencia más rápida.

Cómo usar WebP con WordPress?

No podrá subir imágenes en formato WebP directamente a un sitio WordPress sin obtener un código de error. Esto se debe a que el formato aún no es compatible.

Todavía puede usar el formato WebP en su sitio; necesita usar un plugin.

MÉTODO 1 USANDO Plugin WebP Express

El plugin WebP Express puede utilizarse para convertir cualquier imagen de su sitio al formato WebP. Seguirá dejando el formato original de la imagen en tu sitio web para que los usuarios de Safari puedan acceder a ella.

Esto funcionará en todas las imágenes de su sitio. Incluyendo, por supuesto, también los que están en su cocina y mediateca.

WebP Express Settings

La biblioteca WebP Convert Library cambia las imágenes. El plugin WebP Express actuará como un convertidor para los archivos.

Esto significa que las imágenes se mostrarán en formato WebP si un navegador compatible accede a ellas. De lo contrario, se mostrarán en su formato original.

MÉTODO 2 USANDO Acelerador de sitios de Jetpack

Si ya tiene el plugin Jetpack instalado en su sitio, entonces podrá usarlo para convertir imágenes al formato WebP. Las imágenes JPEG y PNG se convertirán automáticamente.

La función Acelerador de sitios de Jetpack (antes conocida como Photon) convierte automáticamente JPEGs y PNGs al formato de imagen WebP. Primero tendrá que asegurarse de tener el plugin Jetpack instalado y activado.

Para usar Jetpack, necesita vincularlo a una cuenta existente de WordPress.com. Si ya tiene una cuenta, debe iniciar sesión.

En el panel de control de WordPress, debe seleccionar Jetpack en la barra lateral y seguir desplazándose hacia abajo hasta llegar a la sección denominada»Rendimiento»

Una vez que esté en esta sección, deberá alternar el Rendimiento de la imagen (Photon) para la conversión de imágenes WebP, y entonces todo estará listo para usted.

Como este método es tan fácil, parece bastante sorprendente que no sea ya una buena práctica. Sin embargo, a algunas personas no les gusta el hecho de que la CDN de WordPress sirve las imágenes.

MÉTODO 3 USO de la función Cloudflare Polish

Si usted tiene acceso a Cloudflare, entonces puede utilizar su característica polaca para convertir imágenes a WebP.

Los usuarios de Cloudflare en planes de pago pueden acceder a la función polaca de la CDN, que ofrece conversión automática de WebP.

Cloudfare Polish

Si un navegador compatible accede al sitio, los archivos JPEG y PNG se convertirán automáticamente.

 

MÉTODO 4 USANDO Imagínate el plugin

Cuando utilice el plugin Imagify para optimizar sus imágenes, puede marcar una opción en su configuración para crear automáticamente una versión WebP de esta imagen. Esto también funcionará para las imágenes de sus temas y otros plugins.

Imagify

MÉTODO 5 USANDO Plugin Optimole

El plugin Optimole puede optimizar todas las imágenes automáticamente y las servirá a través de una CDN. Esto incluye la optimización en formato WebP.

Si el navegador de los visitantes soporta un formato WebP, entonces este es el formato que verán. Si no, verán la imagen en su formato original.

No tendrás que hacer nada con tus imágenes con este plugin ya que hace todo el trabajo duro por ti.

Usted instala el plugin configurarlo, y éste se encargará de la conversión y del tamaño correcto. Este servicio se encargará del tamaño de la imagen para usted, y le servirá el tamaño adecuado.

MÉTODO 6 UTILIZANDO Optimizador de imagen ShortPixel

Puedes usar Shortpixel para convertir cualquier formato de imagen a WebP, y esto no te costará nada.

Esto es aún más impresionante si se tiene en cuenta que ofrecen compresión con y sin pérdidas.

ShortPixel Optimizer

También es compatible con cualquier plugin de caché que conozca o WebP. Como la mayoría de los otros plugins, mostrará imágenes WebP para los navegadores que lo soportan y los formatos normales para los que no lo soportan.

También tiene la opción de añadir las imágenes WebP a las páginas frontales utilizando HTML. Para ello, puede utilizar la etiqueta <picture> en lugar de la etiqueta <img> normal.

Para establecer que convierta las imágenes automáticamente, simplemente habilite la función en la pestaña Avanzado. Puede restaurar las imágenes si lo desea.

Habilitación de WebP en WordPress Resumen

Debe ser el objetivo de todo webmaster tener la puntuación perfecta de SEO, y para la carga de su sitio web tan rápido como sea posible. El uso de imágenes en formato WebP puede ayudarle a conseguirlo.

Está creciendo en popularidad, pero aún no es compatible con todos los navegadores. Sin embargo, sigue siendo un formato que vale la pena utilizar.

Tiene compresión con y sin pérdida, por lo que puede utilizarse con formatos de archivo JPEG, PNG y GIF. Aún así, es una de las mejores maneras disponibles para reducir el tamaño de los archivos de imagen sin perder calidad.

Probablemente no es una buena idea confiar únicamente en WebP para las imágenes, sin que los usuarios con navegadores no soportados tengan que recurrir a ellas. Sin esta alternativa, sus visitantes sólo verán una imagen rota.

Actualmente, todos los principales navegadores soportan WebP en sus últimas versiones, por lo que no hay razón para no aprovechar las ventajas que ofrece.