Guardar imágenes de photoshop cs5 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. Es importante conocer las diferencias entre GIF, JPEG, PNG y WBMP, para que pueda elegir el formato adecuado en función del tipo de imagen que está ahorrando. La idea es hacer que la imagen lo más pequeño posible mientras se mantiene visualmente agradable.

GIF

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.
Una imagen con un montón de color sólido hace un buen GIF.

Video: Curso Photoshop CS5 | Tutoriales guías y consejos | Guardar imagen para web y tipos de guardados

El formato GIF no es con pérdidas (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.

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.

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 (estrías en la imagen) debido a que el anti-aliasing no puede tener lugar con el número limitado de colores disponibles.

JPEG

JPEG es el mejor formato para las imágenes con transiciones suaves de un color a otro, como en las fotografías.

El formato JPEG tiene pérdida, por lo que no debe guardar un archivo JPEG y después abrirlo, editarlo y guardarlo de nuevo como un archivo JPEG. Guardar una copia del archivo como un archivo JPEG, manteniendo la imagen original en formato PSD si es necesario editar la imagen más tarde, abrir el PSD original, realizar los cambios, guarde el PSD, y luego guardar una copia del archivo editado como una JPEG.

El formato JPEG hace no apoyar la transparencia.

Las imágenes con transiciones suaves de un color a otro son buenos candidatos para el formato de archivo JPEG.

PNG

PNG es la combinación perfecta de GIF y JPEG. PNG admite diferentes niveles de transparencia y anti-aliasing. Esta variación significa que se puede especificar una imagen como el 50 por ciento transparente y se muestra a través de la página Web subyacente! Usted tiene la opción de PNG-8 y PNG-24. Como formato de archivo para la optimización de imágenes, PNG-8 no le da ninguna ventaja sobre un archivo GIF regular.

Video: Adobe Photoshop CS4: Creación de imágenes para móviles

PNG-24 soportes anti-aliasing (La suave transición de un color a otro). Estas imágenes funcionan muy bien para imágenes de tono continuo, pero son mucho más grande que un archivo JPEG. La característica verdaderamente impresionante de un archivo PNG es que admite 256 niveles de transparencia. En otras palabras, se puede aplicar cantidades variables de transparencia en una imagen en la que la imagen muestra hasta el fondo.

Un archivo PNG-24 con cantidades variables de transparencia.
Un archivo PNG-24 con cantidades variables de transparencia.

Los archivos PNG son no con el apoyo de todos los navegadores. Además, el PNG-24 imágenes tienen tamaños de archivo que puede ser demasiado grande para la Web.

Video: Tutorial Photoshop Image Gif

WBMP

WBMP está optimizado para la informática móvil, no tiene ninguna compresión, es el color de un bit (sólo blanco y negro - sin sombras), y es un bit de profundidad. WBMP imágenes no son necesariamente bastante, pero son funcionales. Usted ha tramado controles para mostrar un cierto nivel de valor de tono.

¿Quieres ver cómo su contenido móvil se verá en dispositivos específicos? Haga clic en el botón Device Central en la esquina inferior izquierda de la Guardar para Web & cuadro de diálogo de dispositivos.

El formato WBMP apoya sólo en blanco y negro.
El formato WBMP apoya sólo en blanco y negro.
Artículos Relacionados