Si bien las conexiones a internet son cada vez más veloces, o por lo menos en países más desarrollados ( yo sigo con 1Mb ) siempre es conveniente optimizar lo más que se pueda una imagen a la hora de subirla a la web, más aún si la vas a subir a tu propio host ya que imágenes pesadas significan más transferencia mensual de ancho de banda.

Los puntos fundamentales para optimizar una imagen (léase, reducir su peso lo más posible sin perder calidad) son 3:

1. Elegir el mejor formato (.JPG, .GIF, .PNG)
2. Ajustar el tamaño de la imagen
3. Opciones de guardado

Elegir el mejor formato

Los formatos más extendidos en internet son 3, GIF (Graphics Interchange Format), JPG (Joint Photographic Experts Group), PNG (Portable Network Graphics).

GIF

es un formato que soporta hasta 256 colores (su principal limitación). Por este motivo, cuando tenemos una imagen que supera los 256 colores, la misma deberá adaptarse reduciendo sus colores, produciendo la consecuente pérdida de calidad.
Características:

• Soporta 256 colores
• Transparencias
• Animaciones

JPG

es un formato que intenta eliminar la información que el ojo humano no es capaz de distinguir, es por este motivo que se lo llama algoritmo de compresión con pérdida, porque justamente lo que hace es eliminar información.
Una de las Características que hacen muy flexible el JPEG es el poder ajustar el grado de compresión.
Características:

• 24 bits color ó 8 bits (blanco y negro)
• Grado de compresión bastante alto
• No permite canal alfa (transparencia)
• No permite animaciones

PNG

es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes (al contrario que GIF). Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros importantes datos.
Características:

• Color indexado hasta 256 colores y TrueColor hasta 48 bits por pixel.
• Transparencias
• No permite animaciones
• Mejor calidad que GIF
• Actualmente soportado por la gran mayoría de los navegadores

¿Cual de todos elegir?

(more…)

Este simple ‘tip’ nos muestra como podemos ir cambiandole el tamaño a una imagen sin que pierda, en ningun momento, su calidad.

Para comenzar necesitamos una imagen, yo voy a utilizar ésta, que la pueden descargar gratuitamente registrandose en SXC.
(more…)

En photoshoproadmap.com hay una lista de los mejores efectos para hacer en photoshop, todos los tutoriales están en inglés :S

Acá la lista completa