Continuamos y cerramos la mini serie de dos post sobre diferencias entre formatos de imagen (2): SVG, TIFF y WEBP.
Veamos estos tres formatos por separado.
SVG
Es el que mejor visualización posee independientemente del tamaño.
Funciona para cualquier tipo de imagen, siempre que no sea una fotografía.
Resulta muy práctico, por lo que es muy frecuente entre los diseñadores por su facilidad de escalabilidad.
Al ser un formato vectorial, debemos tener en cuenta para que queremos usarlo.
Cuando se comprime no pierde ninguna información, procesándose con un número ilimitado de colores.
Su uso se extiende, sobre todo, en gráficos o ilustraciones para web.
Diferencias entre formatos de imagen (2): JPG, PNG y GIF
TIFF
Muy utilizado dentro de un ámbito más profesional, especialmente en aquellas imágenes con muy alta resolución y calidad.
El formato TIFF permite manejar imágenes y datos en un solo archivo, sin pérdidas de color y con alta definición.
Por ello, no es adecuado su uso para plataformas web o digitales.
WEBP
Se trata de un nuevo formato de compresión de imagen desarrollado por Google, siendo una de sus principales recomendaciones a la hora de desarrollar webs.
Es una iniciativa de código abierto, con una gran ventaja: tanto en imágenes estáticas como en animaciones consigue reducciones de peso por encima del 30%.
Por el lado contrario, no está demasiado extendido y no todas las versiones de todos los navegadores lo soportan: solo Chrome y Opera lo gestionan sin problemas.
Resumen: cómo elegir el formato óptimo de imagen
JPG: para fotografía, pues por su baja calidad facilita mucho la tarea y mejorará los tiempos de carga final de una web.
PNG: vale para todo.
GIF: para animaciones y archivos con poco color e información.
SVG; gráficos e ilustraciones.
TIFF: para un uso es más profesional y poco orientado al mundo digital.
WEBP: desarrollo web.
Photo credit: Pinterest