Cómo crear imágenes en la web amigable

Puede crear y guardar gráficos en muchos sentidos, pero sólo unos pocos formatos esté adecuado para las imágenes que va a utilizar en la web. A medida que crea imágenes en la web amigable, debe prestar atención a presentar formatos y tamaños.

A menudo, los formatos de archivos gráficos son específicos de sistemas operativos o aplicaciones de software. Porque no se puede predecir lo que la computadora y el software de visitante serán (que no sea él o ella va a utilizar algún tipo de navegador web), necesita imágenes que cualquiera puede ver con cualquier navegador. Esto significa que usted necesita utilizar multiplataforma formatos de archivo que los usuarios pueden ver con cualquier versión de Microsoft Windows, Mac OS o Linux.

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

  • Formato de intercambio de gráficos (GIF): Las imágenes guardadas como archivos GIF a menudo son más pequeños que los salvados en otros formatos de archivo. GIF soporta hasta sólo 256 colores, por lo que si intenta guardar una imagen creada con millones de colores como un archivo GIF, se pierde calidad de imagen. GIF es el mejor formato para imágenes menos complejas, no fotográficos, como la línea de arte, imágenes prediseñadas o iconos.

  • Joint Photographic Experts Group (JPEG): El formato de archivo JPEG admite color de 24 bits (millones de colores) y las imágenes complejas, como fotografías. JPEG es multiplataforma y aplicación independiente. Una herramienta de edición buena imagen puede ayudar a ajustar la compresión para que pueda lograr un equilibrio óptimo entre la calidad de la imagen y su tamaño de archivo.


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

Cualquier buena herramienta de edición de gráficos le permite guardar imágenes en cualquiera de estos formatos. Experimento con ellos para ver cómo convertir un gráfico de un formato a otro cambia de aspecto y tamaño de archivo. A continuación, seleccione el formato que produce los mejores resultados.

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

Elegir el formato de archivo adecuado para una imagen
Formato de archivoMejor UsadoCuidado
GIFLínea de arte, los iconos y las imágenes con pocos colores y lessdetailNo utilice este formato si usted tiene una orphoto imagen compleja.
JPEGLas fotos o imágenes con millones de colores y un montón ofdetailNo utilizar con la línea de arte. Calidad compromisos cuando youcompress el archivo.
PNGLas fotos o imágenes con millones de colores y un montón ofdetailNo utilizar con la línea de arte. Ofrece mejor betweenquality equilibrio y tamaño del archivo.

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


  • W3C de " Gráficos en la Web " artículo

  • Gráficos Web Tutorial de Quackit.com

A medida que construye gráficos para su página web, mantener un sano equilibrio entre la calidad del archivo y tamaño de archivo. Si te asomas por ahí con su motor de búsqueda favorito, usted puede encontrar buenos tutoriales sobre el recorte tamaño de los archivos de imagen y optimización de sitios enteros para descarga rápida. Para obtener consejos y trucos para ayudarle a construir páginas que descargan rápidamente, revisar estos recursos útiles:

  • Optimizar Imágenes artículo en el sitio web de código fuente HTML

  • Optimización Gráficos Web tutorial en Optimización del sitio web.




» » » » Cómo crear imágenes en la web amigable