Videotutorial Photoshop: guardar para web
por Sergio Ordonez at 12:32 pm en Photoshop, Video tutoriales
Haz click en la imagen si quieres ver el videotutorial básico de Photoshop para guardar tus gráficos para web, tu misión consiste en conseguir la mayor calidad ocupando el menor espacio posible.
Tenemos dos personajes, el que Sosfactory diseñó para realvideosite (gráfico con degradados y por consiguiente muchos colores) y el personaje estrella en el relanzamiento de los juegos POG que Sosfactory diseñó para Funrise Toy Corp (Tazos para los hispanos).
¿Qué formato de archivo deberíamos usar para web? ¿JPG o GIF? Mucha gente usa un formato u otro indiscriminadamente… MUY MAL CHORICETES!!!! Así nunca dejaremos de ser Newbies.
El procedimiento básicamente es este:
- Guardar para web en el menú "Archivo" de Photoshop
- Escogemos JPG al 60% (para web no necesitamos más calidad)
- Vemos cuantos kb ocupa la imagen
- Escogemos GIF y vamos bajando el número de colores, tenemos que usar el menor número de colores pero sin estropear la imagen
- Vemos cuantos kb ocupa la imagen
- Elegimos el formato.
El extremo a la hora de ahorrar espacio usando imagenes para web lo encontramos en el Pixel art, al usar una paleta tan limitada de colores el peso del archivo es poquisimo… fijate en los dos ejemplos:
![]()
Imagen PIXELART guardada como Gif con 64 colores = 8.976 kb
Imagen normal guardada con JPG 60% calidad =18.83kb
Bueno después de ver este videotutorial no tienes excusa, si sigues guardando en formatos de archivos inapropiados, o tus imagenes pesan más que mi tia Puri, la culpa no es ni de Photoshop ni del cliente… es solo tuya!!! CHORIZO!!!!!




