Optimización de imágenes para su uso en Internet

Optimización de imágenes para su uso en Internet

Word Count:
442

Resumen:
Usted se sorprenderá de cuántos sitios web no optimizar sus imágenes correctamente, esto puede resultar en baja velocidad para el visitante que es algo que no puede permitirse.
Al publicar sus imágenes en la World Wide Web usted tiene que hacer un compromiso entre calidad y velocidad, por ejemplo, usted no puede tener un logotipo de la empresa que se 100Kb de tamaño ya que tomará mucho tiempo para descargar.
Entonces, ¿cómo se puede optimizar tus imágenes? Bueno primero que hay que entender las diferencias en los formatos de imagen.


Palabras clave:
Optimización de imágenes JPEG GIF PNG diseño de sitios web


Cuerpo del artículo:
Imágenes PEG
Este formato de imagen es un formato con pérdida. Esto significa que una vez que la imagen se descarga se descomprime y se muestran en la memoria, este formato es ideal para la mayoría de las fotos, dibujos e imágenes en color de alta concentración.
Imágenes GIF
Este formato consiste en una red de pequeños cuadrados de píxeles, este es un formato sin pérdida de nada a diferencia de JPEG se descomprime contiene toda la información y los colores en el archivo. Las imágenes GIF pueden contener píxeles transparentes que hacen de estas imágenes ideales como superposiciones de imágenes. Con el formato GIF existen múltiples opciones para la cantidad de colores a utilizar en la imagen con un máximo de 256 colores por lo que este formato no es ideal para fotos. Otra buena característica del GIF es que puede ser animada
Imágenes PNG
Este formato fue creado para convertirse en el nuevo y mejorado formato GIF. El formato de PNG es un término medio entre JPEG y GIF como puede mantener un mayor número de colores al tiempo que permite el uso de los píxeles transparentes. ¿Por qué no usar PNG's para todo lo que pida? Bueno, porque no todos los navegadores soportan el formato PNG correctamente.
Ahora que usted entiende las diferencias en los formatos de imagen que es hora de ir a trabajar.
Guardando su trabajo para la World Wide Web
Para guardar el trabajo de la World Wide Web en Photoshop seleccione el menú Archivo y seleccione Guardar para Web. La mayoría de editores de gráficos tienen una característica similar a este. Una vez en la característica a lo largo de la parte de arriba verás varias fichas, seleccione la 2Up vista como ésta te mostrará el original y la imagen optimizado.
Photo's
Para la mayoría de fotografías que va a utilizar el formato JPEG, ya que esto le da el mejor apoyo para la cantidad de colores, mientras que se baja en tamaño. En la caída de preajuste en la esquina superior derecha (imagen 1) seleccione JPEG alta. Ahora puede mirar el tamaño de la imagen y el tiempo que tomará para cargar en la esquina inferior izquierda de la pantalla (imagen 2) también se puede cambiar esta situación 28,8 a 56,6 con un clic derecho sobre la velocidad y la selección de los 56,6 / velocidad RDSI . Esto le ayudará a obtener un mínimo de tiempo para descargar la imagen. Para ayudarle a elegir el tamaño del archivo de salida que hemos desarrollado la siguiente tabla ideal tamaño del archivo.

Tipo de imagen - Ideal Tamaño del archivo - Tamaño máximo de archivo

Imagen de fondo - 2Kb - 5Kb

Diseño de Cabecera - de 15 a 20Kb - 35 a 40 Kb

Obras - Cualquiera - Cualquier

Imágenes de producto / página General Imágenes - 10 a 20Kb - 30Kb

Diseño de Imágenes

La mayoría de las imágenes de diseño será adecuado para el formato GIF, ya que no contienen una gran cantidad de colores,