WEBP

El formato de archivo de imagen que deberías comenzar a usar.

¿Qué ofrece WebP?


El formato WebP fue desarrollado por los ingenieros de Google para mejorar la carga de imágenes en línea.

El formato es una alternativa al formato JPEG y PNG, que son comunes en la web actualmente.

WebP utiliza una técnica avanzada para reducir el tamaño de las imágenes sin perder calidad. Esta técnica implica convertir las imágenes en un formato comprimido y luego aplicar algoritmos de compresión que eliminan los detalles más pequeños y menos relevantes.


VENTAJAS

  • El formato WebP es muy eficiente en términos de tamaño, lo que significa que las imágenes se cargarán más rápidamente en la web.
  • Las imágenes en formato WebP son altamente comprimidas sin perder calidad, por lo que se pueden utilizar para fines comerciales y publicitarios sin preocupaciones sobre la pérdida de calidad.
  • El formato es compatible con canal alfa, por lo que permite transparencias.
  • El formato es compatible con una amplia gama de navegadores web, incluyendo Chrome, Firefox, Safari e Internet Explorer.
  • Las imágenes en formato WebP pueden ser manipuladas y editadas fácilmente utilizando herramientas como Photoshop o GIMP.

DESVENTAJAS

  • El formato WebP no es compatible con todos los navegadores web, lo que puede limitar su uso en algunas plataformas.
  • La compresión de imágenes en formato WebP puede resultar difícil para los usuarios no técnicos o inexpertos.
  • El formato WebP es relativamente nuevo y no está tan extendido como otros formatos, lo que significa que algunos servidores web pueden tener dificultades para manejarlo correctamente.
  • Algunas herramientas de edición de imágenes antiguas no tienen soporte para el formato WebP, por lo que puede ser difícil editar o trabajar con estas imágenes en esos programas.

¿Dónde lo consigo?

Desde la página de desarrolladores de Google, podemos encontrar binarios para casi todas las plataformas y su correspondiente código fuente.

También está disponible toda la documentación técnica.


Ejemplos de ejecución desde la terminal.

Si nuestro objetivo es ahorrar espacio, la configuración por defecto nos garantiza un 80% de calidad, y podemos ejecutarlo de la siguiente manera:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
cwebp entrada.jpeg -o salida.webp
cwebp entrada.jpeg -o salida.webp
cwebp entrada.jpeg -o salida.webp

Si queremos ajustar la calidad, por ejemplo, a un 90% lo hacemos con el comando -q:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
cwebp -q 90 entrada.jpeg -o salida.webp
cwebp -q 90 entrada.jpeg -o salida.webp
cwebp -q 90 entrada.jpeg -o salida.webp

Si necesitamos convertir una imagen y queremos que ocupe poco y tenga una calidad similar a jpeg, podemos ejecutarlo con el comando -jpeg_like:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
cwebp -jpeg_like entrada.jpeg -o salida.webp
cwebp -jpeg_like entrada.jpeg -o salida.webp
cwebp -jpeg_like entrada.jpeg -o salida.webp

Para cualquiera de los siguientes comandos de conversión podemos agregar un script en bash para poder convertir todos los archivos de formatos gráficos en lote:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
for img in *.{jpeg,jpg,png,gif};
do cwebp "$img" -o "${img%.*}.webp";
done
for img in *.{jpeg,jpg,png,gif}; do cwebp "$img" -o "${img%.*}.webp"; done
for img in *.{jpeg,jpg,png,gif};
do cwebp "$img" -o "${img%.*}.webp";
done

Si además de eso queremos borrar de forma automática la imagen original, sumamos el comando rf -f dentro del script:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
for img in *.{jpeg,jpg,png,gif};
do cwebp "$img" -o "${img%.*}.webp";
rm -f "$img";
done
for img in *.{jpeg,jpg,png,gif}; do cwebp "$img" -o "${img%.*}.webp"; rm -f "$img"; done
for img in *.{jpeg,jpg,png,gif};
do cwebp "$img" -o "${img%.*}.webp";
rm -f "$img";
done

Conclusión:

En épocas en donde el espacio de almacenamiento es un algo muy valioso y costoso, poder comprimir nuestros archivos es algo muy bueno.

Si bien tenemos que resignar algo de calidad, lo cierto es que para recuerdos y contenido web es completamente aceptable.


FIN DEL INFORME


🢃 Pulse para volver a la biblioteca de contenidos. 🢃