Cuáles son los principios básicos para crear gráficos web?

Preparación de gráficos para la Web es un proceso sencillo, de dos pasos: En primer lugar, elegir el formato de gráfico adecuado para el gráfico en la mano, y luego optimizarlo para la Web. Para hacer eso, sin embargo, se necesita un conocimiento básico de la Web formatos de archivos gráficos y optimización, o compresión de archivos gráficos. Elección del formato adecuado para el tipo de gráfico es crucial para lograr una buena calidad de visualización. navegadores Web admiten tres formatos gráficos: JPEG, PNG y GIF. Optimización ayuda a mantener un equilibrio entre la calidad de la pantalla y el tamaño del archivo. Grandes archivos de gráficos Web toman demasiado tiempo para descargar, a menudo frustra a los usuarios de su sitio web.

Mejoramiento

optimización de gráficos Web hace que los archivos gráficos más pequeños mediante la compresión de ellos. Los dos tipos de compresión sin pérdidas y con pérdidas son. La compresión sin pérdida hace un archivo de gráficos más pequeños sin la eliminación de los datos, y la compresión con pérdida elimina los datos del archivo. Si esto suena como una obviedad - sólo utilice siempre la compresión sin pérdida - no es tan simple. La compresión sin pérdidas, que a menudo no se puede comprimir un archivo de más de 50 percemt de su tamaño original, con frecuencia no hace que el archivo gráfico lo suficientemente pequeño como para la Web. Fotografías, por ejemplo, crear archivos de gran tamaño que requieren compresión de más del 50 por ciento. Afortunadamente, las fotografías pueden soportar una gran cantidad de compresión con pérdida, sin degradar significativamente la calidad de imagen.

Imágenes JPEG

JPEG, un formato de compresión con pérdida, que funciona mejor para fotografías y otras imágenes que contienen una gran cantidad de gradientes de color. programas de edición de imágenes de compresión medida en una de dos maneras: por porcentaje o por la configuración más fácil de entender de calidad, como máximo, de alta, media y baja. Photoshop, por ejemplo, utiliza los ajustes de calidad. A medida que ajusta la calidad, Photoshop muestra el tamaño del archivo correspondiente con el entorno, lo que le permite equilibrar la calidad y tamaño de archivo. Las imágenes más grandes, por supuesto, crear archivos más grandes. Trate de mantener sus archivos de imagen en virtud de 100k.

PNG y GIF

PNG y GIF, formatos de compresión sin pérdidas, funcionan mejor para los dibujos y gráficos que contienen una gran cantidad de texto. Estos tipos de gráficos por lo general no crean archivos gráficos muy grandes, y con frecuencia no requieren tanta compresión como fotografías. La mayoría de los diseñadores Web prefieren PNG, un nuevo formato, en lugar de GIF, GIF principalmente porque sólo admite 256 colores. PNG es compatible con millones de colores. GIF, sin embargo, es compatible con animaciones de dos tramas simples. Algunos diseñadores utilizan el formato GIF para crear efectos que llaman la atención, como logotipos intermitentes, así como algunas otras animaciones sencillas.

Resolucion de imagen

Resolución de la imagen, o puntos por pulgada, también afecta significativamente el tamaño de la imagen y la calidad. La mayoría de los monitores de ordenador muestran sólo 72 puntos por pulgada. Los monitores de alta definición Pantalla de hasta 96 ppp. El aumento de la ppp, aumenta en gran medida el tamaño del archivo. Si crea gráficos de páginas con una resolución superior a 96 ppp, el navegador del usuario debe descargar los datos adicionales. Sin embargo, el navegador descarta los datos adicionales utilizados para crear la mayor resolución. Creación de gráficos Web con una resolución superior a 96 ppp, aumenta el tamaño del archivo sin la mejora de la calidad de la pantalla.