1. Cómo optimizar tu página web del Taller comenzando por las imágenes y fotografías
En cómo optimizar tu página web de taller veremos uno de los errores más comunes que me he encontrado al diseñar una página web es hacer que ésta sea muy pesada.
Para evitar que sea pesada una página hay que limitar el tamaño de lo que ocupan los recursos (archivos) que se suben a la misma. Cada archivo que se muestra en la web tiene un tiempo de carga para mostrarse.
Entre los recursos más importantes están las imágenes que por diseño queremos que sean de buena calidad.
Para optimizar las imágenes y ocupen el menor espacio posible se suelen usar métodos de compresión para que sean imágenes tipo jpg, png, webp.Teniendo las páginas en formato webp reducimos mucho el peso de las imágenes.
Haciendo una pregunta a ChatGPT para convertir las imágenes a webp nos contesta lo siguiente:
Para convertir un archivo JPG a WebP, puedes utilizar herramientas y bibliotecas de programación que admitan la conversión de formatos de imagen. Una de las formas más comunes de hacerlo es mediante el uso de la línea de comandos en conjunto con una herramienta como «cwebp» o programando una solución personalizada utilizando una biblioteca de programación. A continuación, te proporcionaré ejemplos de cómo hacerlo tanto con la línea de comandos como en Python utilizando la biblioteca «Pillow».
Usando la Línea de Comandos:
Puedes usar la herramienta cwebp, que es proporcionada por Google, para convertir imágenes de JPG a WebP. Para hacerlo, sigue estos pasos:
- Asegúrate de que
cwebpesté instalado en tu sistema. - Abre una terminal y navega hasta la ubicación del archivo JPG que deseas convertir.
- Ejecuta el siguiente comando:
cwebp archivo.jpg -o archivo.webp
Esto convertirá el archivo JPG en uno con formato WebP.
Usando Python y la biblioteca Pillow:
Si prefieres hacerlo programáticamente en Python, puedes utilizar la biblioteca «Pillow» (anteriormente conocida como «PIL»). Asegúrate de tener Pillow instalado en tu entorno de Python. Puedes instalarlo usando pip:
shell
pip install Pillow
Luego, puedes usar el siguiente código Python para convertir una imagen de JPG a WebP:
python
from PIL import Image
# Abre la imagen JPG imagen_jpg = Image.open('archivo.jpg')
# Guarda la imagen en formato WebPimagen_jpg.save('archivo.webp', 'webp')
Este código abre el archivo JPG, lo convierte a WebP y lo guarda con el nombre especificado (‘archivo.webp’ en este caso).
Selecciona la opción que mejor se adapte a tus necesidades y preferencias de programación: la línea de comandos para una conversión rápida y sencilla, o Python con la biblioteca Pillow para una mayor flexibilidad y control.
Así que cuando vayas a ver cómo optimizar tu página web del taller acuérdate de empezar por las imágenes.