Cómo crear imágenes compatibles con la Web

Cómo crear imágenes compatibles con la Web: dummies

Puede crear y guardar gráficos de muchas maneras, pero solo unos pocos formatos son apropiados para las imágenes que pretende usar en la web. A medida que crea imágenes compatibles con la Web, debe prestar atención a los formatos y tamaños de archivo.

A menudo, los formatos de archivos gráficos son específicos para sistemas operativos o aplicaciones de software. Debido a que no puede predecir cuál será la computadora y el software del visitante (aparte de que usará algún tipo de navegador web), necesita imágenes que cualquiera pueda ver con cualquier navegador. Esto significa que debe usar formatos de archivos multiplataforma que los usuarios pueden ver con cualquier versión de Microsoft Windows, Mac OS o Linux.

Estos tres formatos de gráficos comprimidos son los mejores para uso general en la web:

  • Formato de intercambio de gráficos (GIF): Las imágenes guardadas como GIF suelen ser más pequeñas que las guardadas en otros formatos de archivo . GIF solo admite hasta 256 colores, por lo que si intenta guardar una imagen creada con millones de colores como GIF, perderá calidad de imagen. GIF es el mejor formato para imágenes no fotográficas menos complejas, como dibujos lineales, imágenes prediseñadas o iconos.

  • Grupo de expertos en fotografía conjunta (JPEG): El formato de archivo JPEG admite color de 24 bits (millones de colores) e imágenes complejas, como fotografías. JPEG es multiplataforma e independiente de la aplicación. Una buena herramienta de edición de imágenes puede ayudarlo a modificar la compresión para que pueda lograr un equilibrio óptimo entre la calidad de la imagen y el tamaño del archivo.

  • Portable Network Graphics (PNG): PNG es el último formato de archivo de imagen multiplataforma e independiente de la aplicación. Fue creado para combinar los mejores aspectos de GIF y JPEG. PNG tiene la misma compresión que GIF pero admite color de 24 bits (e incluso color de 32 bits) como JPEG.

Cualquier buena herramienta de edición de gráficos le permite guardar imágenes en cualquiera de estos formatos. Experimente con ellos para ver cómo la conversión de un gráfico de un formato a otro cambia su apariencia y tamaño de archivo. A continuación, elija el formato que produzca los mejores resultados.

La tabla muestra las pautas para elegir un formato de archivo para las imágenes por tipo.

Elección del formato de archivo correcto para una imagen
Formato de archivo Mejor utilizado para Cuidado
GIF Línea de arte, iconos e imágenes con pocos colores y menos
detalle
No use este formato si tiene una imagen compleja o una foto
.
JPEG Fotos o imágenes con millones de colores y muchos detalles
No utilizar con dibujos lineales. Compromete la calidad cuando
comprime el archivo.
PNG Fotos o imágenes con millones de colores y muchos detalles
No utilizar con el dibujo lineal.Ofrece el mejor equilibrio entre la calidad
y el tamaño del archivo.

Cada uno de los siguientes sitios ofrece una descripción general completa de los formatos de gráficos:

  • Artículo "Gráficos en la Web" del W3C

  • Quackit. Tutorial de gráficos web de com

A medida que crea gráficos para su página web, mantenga un equilibrio saludable entre la calidad del archivo y el tamaño del archivo. Si hurgas con tu motor de búsqueda favorito, puedes encontrar buenos tutoriales para recortar los tamaños de los archivos de imagen y optimizar sitios completos para una descarga rápida. Para obtener sugerencias y trucos que lo ayuden a crear páginas que se descarguen rápidamente, revise estos recursos útiles:

  • Artículo de optimización de imágenes en el sitio web de HTML Source

  • Optimización del tutorial de gráficos web en Optimización de sitios web.