Comunidad de diseño web y desarrollo en internet online

Photoshop: guardar para web como dios manda

Citar            
MensajeEscrito el 21 May 2007 12:52 pm


Aquí puedes ver el videotutorial básico de Photoshop para guardar tus gráficos para web:
http://www.sosnewbie.com/videotutorials/grabar_para_web/grabar_para_web.html

Tenemos dos personajes, el que diseñamos para realvideosite (gráfico con degradados y por consiguiente muchos colores) y el personaje estrella en el relanzamiento de los juegos POG que diseñamos 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.

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.


Hay una regla que funciona casi siempre, degradados = JPG, colores planos = GIF

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!!!!!

Por sosfactory

135 de clabLevel

1 tutorial

 

msie
Citar            
MensajeEscrito el 21 May 2007 02:32 pm
Nuy bueno, me servira para optimizar todos esos logos diseñados, gracias por el tip. ^^

Por Victor-Nael

Claber

2175 de clabLevel

12 tutoriales

Genero:Masculino  

Ilustrador Vectorial

firefox
Citar            
MensajeEscrito el 21 May 2007 08:29 pm
Movido a aportes.

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino   Admin

Conserje de Cristalab

firefox
Citar            
MensajeEscrito el 21 May 2007 09:48 pm
Sorry, no sabia donde iba esto :)

Por sosfactory

135 de clabLevel

1 tutorial

 

msie
Citar            
MensajeEscrito el 22 May 2007 11:55 am
no anda el enlace CHORIZO!!

Por danmax222

46 de clabLevel



Genero:Masculino  

msie
Citar            
MensajeEscrito el 22 May 2007 11:59 am
:P que enlace es el q no anda Choricete?

Por sosfactory

135 de clabLevel

1 tutorial

 

msie
Citar            
MensajeEscrito el 22 May 2007 12:08 pm
hola.

Una pregunta.
para imágenes de fotografía: un paisaje, una cara, una botella, ...

se utiliza los mismos parámetros, o sólo son aplicables a Gráficos?¿?¿


saludos

Por koballo

708 de clabLevel



 

safari
Citar            
MensajeEscrito el 22 May 2007 12:12 pm
Como digo ahi arriba: "Hay una regla que funciona casi siempre, degradados = JPG, colores planos = GIF"

En el caso de fotos depende de la foto, si hay muchos colores lo normal es usar JPG, pero mejor comprobarlo tu mismo.

Por sosfactory

135 de clabLevel

1 tutorial

 

msie
Citar            
MensajeEscrito el 22 May 2007 01:43 pm
Ok :cool: :wink:

yo una cosa que hago es alterar bastante la máscara de enfoque

generalmente se usa un promedio de:
cantidad: 65
radio: 2
umbral: 1
+ o menos

en este caso aplico:
cantidad: 20 a 30
radio: 60 a 75
umbral: 1 ó 2

al exportar para web en fotosope (calidad 45 a 60), éste tiende a dejar las fotos un poco muertas en color y profundidad, de ahí este "retoque de enfoque"


(lo posteado es como comentario, no quiero alterar este Aporte)

saludos

Por koballo

708 de clabLevel



 

safari
Citar            
MensajeEscrito el 22 May 2007 01:52 pm
No hay problema, nunca esta de mas saber cosas nuevas.

Esto te refieres al filtro de enfoque, antes de guardar para web, verdad?

Por sosfactory

135 de clabLevel

1 tutorial

 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.