Optimizar imagenes con Fireworks

 

 

 

Hola a todos, bienvenidos a este apartado de "AxSiDe", donde aprenderemos a optimizar imagenes. Cualquier duda que tengan sobre este mini tutorial, pueden hacerle en el Foro de AxSidE.

 

Nos referimos a Optimizar a la acción de hacer que las imagenes que tengamos sean mejorada y ayuden a nuestro fin, que puede ser:

 

Con nuestra web en creación uno de los pasos importantes a seguir es optimizar nuestras imágenes, esto es para no espantar a nuestros posibles visitantes ya que nadie le gusta esperar mucho tiempo por una sola imagen verdad?

 

Pues vamos por lo que nos interesa.

 

Abrimos el Fireworks, nos saldrá su presentación característica y todo eso, en seguida le damos a Archivo + Abrir.. buscamos y seleccionamos la imagen a optimizar.

 

 

 

Ahora, ya tenemos nuestra imagen en el panel de FireWork, necesitamos ver las características de nuestra imagen actual, para así saber lo que hay que mejorar para estar satisfechos. Arriba de nuestra imagen hay unas pequeñas pestañas que son: Original | Vista previa | 2 copias | 4 copias. Le damos click a vista previa y vemos como queda

 

 

1- Acá podemos ver el peso de la imagen que en mi caso es de 65.54 k lo que es demasiado pesada y lógicamente cambiaremos y 10seg. a 56kbps quiere decir que nuestra imagen se visualizara en 10segundos con un módem de 56kb/s. también nos dice que la imagen es de extensión JPG.

 

 

2- En esta imagen vemos el menú de la pestaña optimizar, vemos que hay un primer recuadro que esta e blanco, si gustas dejalo ahí o prueba lo que tiene, ese recuadro te viene valores predeterminados para tu imagen.

 

Luego abajo hay otro recuadro, en mi caso esta en JPEG, que es la extensión que menos pesa, y mas conveniente para imagenes de una web. Quizá tu imagen esta en GIF o en PNG, pero te recomiendo que si vas a utilizar esa imagen para una web la cambies a JPEG. Mate esta en Blanco lo dejamos ahí por ahora y enseguida viene Calidad que en mi imagen esta 82, diremos que la calidad se refiere a cuan mejor se ve nuestra imagen, el intervalo es de 0 a 100, mi consejo es que le des un valor medio, es decir entre 45 a 55, esto reducirá considerablemente el peso de tu imagen, que es lo q buscamos, recuerda a mayor calidad, mayor peso.

 

El suavisado viene a ser la nitides de la imagen, el 0 te da a decir que la imagen se ve lo mas nitida posible, y mientras mas subas el suavisado tu imagen se pondrá mas y mas borrosa cada vez, a mayor suavisado, menos peso.

 

 

Ahora si miras nuevamente en vista previa el peso de tu imagen como hemos visto arriba, veras que el peso se ah reducido de una manera considerable, al menos la mía ah bajado desde 65.54k a 23.38, un poco menos de la tercera parte del peso original.

 

Ahora vamos a ver el tamaño de nuestra imagen, para eso volvemos a la pestaña de Original, ya saben al costado de vista previa y luego le damos click a la imagen.

 

Vemos ahora que en la parte inferior, abajo de nuestra imagen, esta una pestaña llamada propiedades donde podemos ver:

 

Como ven ahí nos dice el tamaño actual de nuestra imagen que en mi caso es de 640 de ancho x 480 de alto.

 

Esto podemos cambiar a la necesidad que queramos y les dire como.

 

En las pestañas de arriba le damos a MODIFICAR + LIENZO + TAMAÑO DE LA IMAGEN, tal como vemos abajo:

 

 

Ahora nos saldrá una ventana en la que vemos nuevamente el tamaño de nuestra imagen de ancho y de alto, lo único que hay que hacer para retocar el tamaño es cambiar el numero de el ancho ya que el alto se transforma inmediatamanete a la medida adecuado para no perder su calidad.

 

 

Bueno al hacer esto ya estara lista tu imagen para ser usada para lo que quieras ;)

OJO para usar nuestra imagen, debemos exportarla no guardarla ya que si no es así, no se verán los cambios. Te digo como:

 

Ve a ARCHIVO + PRESENTACION PRELIMINAR DE LA IMAGEN, te tiene que salir esto:

 

 

Como vemos en la ultima imagen, nos dice todos los datos finales de nuestra imagen, lo único a hacer es darle click a Exportar y wualaaa.. tenemos una imagen optimizada.

Espero que el tutorial haya sido de su agrado, no se olviden mandarnos sugerencias y pedidos de mas tutoriales, que con gusto hare. Hasta la prox.. saludos.

 

Si no te ah quedado claro, y tienes una duda o sugerencia, hasla llegar mediante el FORO de AxSidE.. donde responderemos todas tus dudas