Cómo crear imágenes aptos para la web

Video: como hacer una pagina web - cambiar fuente al texto - como insertar imagenes - html

Puede crear y guardar gráficos de muchas maneras, pero sólo unos pocos formatos es el más adecuado para las imágenes que va a utilizar en la web. A medida que crea imágenes aptos para la Web, se debe prestar atención a formatos de archivo y tamaños.

Video: Optimizar y exportar imagenes correctamente para paginas web

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 el ordenador 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 es necesario utilizar multiplataforma los formatos de archivo que los usuarios pueden ver con cualquier versión de Microsoft Windows, el sistema operativo Mac, o Linux.

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

Video: 4 aplicaciones web para crear imágenes con frases para compartir

  • Formato de intercambio de gráficos (GIF): Las imágenes guardadas como archivos GIF a menudo son más pequeños que los guardados en otros formatos de archivo. GIF soporta hasta sólo 256 colores, por lo que si se 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 complejos, no fotográficos, tales como la línea de arte, imágenes prediseñadas, o iconos.

    Video: Como poner galería de imágenes en Movimiento con enlaces código HTML Wep o blog

  • Joint Photographic Experts Group (JPEG): El formato de archivo JPEG compatible con 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 ayudarle a ajustar la compresión para que pueda lograr un equilibrio óptimo entre la calidad de la imagen y su tamaño de archivo.

  • Gráficos de red portátiles (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 pautas para elegir un formato de archivo para las imágenes por tipo.

La elección del 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 menos
detalle
Don&rsquo-t uso de este formato si usted tiene una imagen compleja o
foto.
JPEGFotos o imágenes con millones de colores y un montón de
detalle
Don&rsquo-t uso con la línea arte. compromisos de calidad cuando se
comprimir el archivo.
PNGFotos o imágenes con millones de colores y un montón de
detalle
Don&rsquo-t uso con la línea arte. Ofrece el mejor equilibrio entre
la calidad y tamaño de archivo.

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

A medida que construye gráficos para su página web, mantener un equilibrio saludable entre la calidad del archivo y tamaño de archivo. Si hurgar con su motor de búsqueda favorito, se pueden 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 crear páginas que descargan rápidamente, revisar estos recursos prácticos:

Artículos Relacionados