Guardar imágenes como photoshop gif para web y dispositivos móviles

Cómo guardar archivos para la Web o dispositivos móviles en Photoshop Creative Suite 5 crea una versión más pequeña de la imagen por lo que se carga rápidamente. La idea es hacer que la imagen lo más pequeño posible mientras se mantiene visualmente agradable.

Utilizar el formato GIF si tiene grandes áreas de color sólido.

Una imagen con un montón de color sólido hace un buen GIF.

Video: Tutorial: ¿Dónde está "Guardar para Web" en Photoshop CC 2015?

Una imagen con un montón de color sólido hace un buen GIF.

El formato GIF no es con pérdida (que no pierde datos cuando el archivo está comprimido en este formato), pero reduce el tamaño del archivo mediante el uso de un número limitado de colores en una tabla de colores. Cuanto menor sea el número de colores, cuanto menor sea el tamaño del archivo. Si alguna vez has trabajado en el modo de color de índice, que está familiarizado con este proceso.

La transparencia se apoya en el formato de archivo GIF. En general, los archivos GIF no hacen un buen trabajo en cualquier cosa que necesita una transición suave de un color a otro, debido a la mala apoyo del formato de anti-aliasing, que es el método Photoshop utiliza para suavizar los bordes dentados. Cuando una imagen pasa de un color a otro, Photoshop produce múltiples colores de los píxeles para crear una aún se mezclan entre los dos colores.

Debido a que el anti-aliasing necesita crear múltiples colores para este efecto, los archivos GIF en general, no se recomiendan. De hecho, cuando se reduce el tamaño de un archivo GIF, usted es más propenso a ver bandas (Un artefacto que aparece como rayas en la imagen) debido a que el anti-aliasing no puede tener lugar con el número limitado de colores disponibles en el formato GIF.

Puede, por supuesto, aumentar drásticamente el número de colores para crear una transición más suave, pero entonces el riesgo de crear archivos de monstruos que tienen siempre la transferencia.

Guardar como GIF

Cuando se selecciona Archivo → Guardar para Web & Dispositivos, primero ver las opciones de formato GIF disponibles. Pueden ser más claro para usted si usted tiene una imagen abierta (con un montón de color sólido en él).

Para guardar un archivo para la web como un archivo GIF, siga estos pasos:

  1. Seleccione Archivo → Guardar para la Web & Dispositivos.

    Guardar para Web & Aparece el cuadro de diálogo de dispositivos.

  2. En la parte superior, haga clic en la pestaña 2-arriba.

    Usted ve la imagen original en la imagen optimizada izquierda y de la derecha (o arriba y abajo, en función de las proporciones de la imagen).

    En la parte inferior de la pantalla, se ve el tamaño del archivo original en comparación con el tamaño de archivo optimizado, así como el tiempo aproximado de descarga. El tiempo de descarga es importante. La mayoría de las personas no esperan más de diez segundos para una página web a aparecer, a fin de mantener el tiempo de descarga de cada imagen a cinco segundos o menos.

    Cambiar la velocidad de descarga seleccionando el menú Vista previa (busque la flecha en el lado derecho superior de la Guardar para Web & cuadro de diálogo de dispositivos).

  3. Elija GIF 32 sin tramado de la lista desplegable de ajustes preestablecidos.

    Es posible que vea un cambio ya. Photoshop se suministra con los ajustes preestablecidos para elegir, o puede personalizar y guardar su propio.

  4. Elegir si desea que el tramado aplicado a la imagen seleccionando una opción en el la lista desplegable Especificar algoritmo de tramado.

    Esta elección es puramente personal. Debido a que usted puede limitar colores, Photoshop puede utilizar el tramado para mezclar los píxeles de colores disponibles para simular los colores que faltan. Muchos diseñadores eligen la opción sin tramado porque difuminado puede crear motas de color no naturales en una imagen.

    Elegir ajustes preestablecidos, o crear sus propios ajustes personalizados.
    Elegir ajustes preestablecidos, o crear sus propios ajustes personalizados.
  5. Si la imagen está en una capa transparente y que quieren mantener la transparencia en una página web, seleccione la casilla de verificación Transparencia.

tabla de colores en Guardar para la Web & cuadro de diálogo Dispositivos

Al guardar una imagen en formato GIF utilizando la opción Guardar para la Web & cuadro de diálogo de dispositivos, consulte la tabla de colores de la imagen en el lado derecho del cuadro de diálogo. La tabla de colores es importante, ya que no sólo le permite ver los colores utilizados en la imagen sino que también le permite personalizar la tabla de colores usando las opciones en la parte inferior.

Es posible que desee para personalizar su tabla de colores mediante la selección de algunos colores que ser seguros para la Web y los colores de bloqueo para que no golpean con algo fuera a medida que reduce el número que se utiliza.

Para personalizar una tabla de colores, siga estos pasos:

  1. Si la imagen tiene sólo unos pocos colores que desea convertir a colores compatibles con Web, elija la herramienta Cuentagotas en la izquierda de la opción Guardar para la Web & cuadro de diálogo y haga clic en el color a la vista optimizada dispositivos.

    El color de la muestra se destaca en la tabla de colores.

  2. Haga clic en el botón Web Caja fuerte en la parte inferior de la tabla de colores.

    Cuando se cruza sobre este botón, los turnos de información sobre herramientas / Unshifts los colores seleccionados para que aparezca Panel Web.

    Aparece un diamante, lo que indica que el color está ahora a salvo web.

  3. colores de bloqueo que no desea eliminar a medida que reduce el número de colores en la tabla de colores.

    Seleccione un color con la herramienta Cuentagotas, o elegir en la tabla de colores y haga clic en el botón de bloqueo de color. Un cuadrado blanco aparece en la esquina inferior derecha, lo que indica que el color está bloqueado.

    Si bloquea 32 colores y luego reducir la tabla de colores a 24, algunos de sus colores bloqueados se eliminan. Si decide añadir colores, esos colores bloqueados son los primeros en regresar.

    Personalizar los colores usando la tabla de colores en el Guardar para Web y dispositivos ventana.
    Personalizar los colores usando la tabla de colores en el Guardar para Web y dispositivos ventana.

¿Cómo se crea la tabla de colores? Basado en el método de algoritmo de reducción de color que elija, la opción Guardar para la Web & Los dispositivos cuentan con muestras el número de colores que usted indique. Si mantener colores para la web es importante, seleccione la opción restrictivo (web) para el método- si desea que su imagen se vea mejor en la mayoría de los monitores, pero no necesariamente a salvo web, elige la opción de adaptación.

  1. Utilice el menú desplegable de colores o escriba un número para añadir o eliminar colores de la tabla de colores.

  2. Si su imagen utiliza la transparencia, seleccione la casilla de verificación Transparencia cerca de la parte superior de la Guardar para Web & cuadro de diálogo de dispositivos.

    Recuerde que la transparencia se cuenta como uno de los colores en la tabla de colores.

  3. Seleccione la casilla de verificación entrelazado sólo si su imagen GIF es grande (25K o mayor).

    Video: ↗ COMO ENVIAR y CREAR GIFs por WHATSAPP - METODO OFICIAL del FABRICANTE 2016 !!!

    Al seleccionar esta opción hace que la imagen de construir en varias exploraciones en la página web - una imagen de baja resolución que aparece rápidamente y luego se actualiza la imagen de mayor resolución con la que se completa la descarga. El entrelazado da la ilusión de que la descarga de ir más rápido, pero hace que el tamaño de archivo más grande, a fin de utilizarlo sólo si es necesario.

  4. Clic en Guardar.

    Ahora la imagen está lista para ser conectada a un mensaje de correo electrónico o utilizado en una página web.

Artículos Relacionados