Lección 8Optimización de imágenes y carga lenta
- Noción 47 - Diferencia entre imágenes rasterizadas y vectoriales.
- Noción 48 - Selecciona el tipo de archivo correcto.
- Noción 49 - Ajusta la calidad de una imagen.
- Noción 50 - Comprende la compresión de imágenes.
- Noción 51 - Utiliza sprites CSS.
- Noción 52 - ¿Qué es el nuevo formato WebP?
- Noción 53 - Herramientas para la optimización de imágenes.
- Noción 54 - Repaso/evaluación
Noción 50
Comprende la compresión de imágenes.
Competencias objetivo
En este módulo analizaremos el principio de la compresión de imágenes en la web.
La compresión de imágenes es un proceso que consiste en reducir el peso de los datos sin deteriorar la calidad de la imagen. En otras palabras, elimina la repetición de datos en una imagen para que pueda almacenarse sin ocupar mucho espacio y/o transmitirse rápidamente.
Existen dos tipos de compresión de imágenes:
- el método conocido como "sin pérdida": permite restaurar la imagen como la original;
- el método conocido como "con pérdida": permite reducir el espacio de color a los colores más actuales de una imagen. Los colores elegidos se indican en la paleta de colores situada en la cabecera de la imagen comprimida.
Aquí tienes una lista no exhaustiva de herramientas recomendadas para comprimir diferentes formatos de imagen web.
Formato JPEG
- El Compresor de Imágenes de Apowersoft que está disponible en línea, permite convertir archivos sin limitación de número o tamaño. Aquí está el enlace para acceder a él: http://www.apowersoft.fr
- JPEG COMPRESSOR también está disponible en línea y en diferentes idiomas, pero los archivos descargables están limitados a 20. Aquí está el enlace para acceder a él: http://www.compressjpeg.com
- TinyJPG es una aplicación que permite reducir el tamaño de los archivos hasta un 70%. Este es el enlace para acceder a ella: http://tinyjpg.com
Formato GIF
Las herramientas de compresión para el formato GIF están disponibles gratuitamente en línea y pueden reducir el tamaño del archivo en un 50% o más. Optimizan el tamaño del archivo GIF para ahorrar espacio en disco.
- Optimizador GIF
- Optimizador de archivos
- Compressor.io
Formato PNG
- PngOptimizer es una herramienta gratuita. Permite reducir el tamaño de los archivos de imagen y también puede convertirlos a otros formatos de imagen. Este es el enlace para acceder a ella: https://www.01net.com/telecharger/multimedia/encodeurs_et_decodeurs/pngoptimizer.html
- PNGOUTWin es una herramienta que te permite tener imágenes más pequeñas. Aquí está el enlace para acceder a ella: https://www.01net.com/telecharger/multimedia/creation_graphique/pngoutwin.html