DISEÑO WEB BILBAO - BIZKAIA
Teléfono Bilbao Bizkaia94 412 66 22

Optimizar y editar imágenes con Photofiltre :

Con este tutorial aprenderá a optimizar imágenes para ser mostradas en su página web , para ello utilizaremos el programa gratuito PHOTOFILTRE que podréis descargar de desde AQUÍ (tamaño 2Mb formato zip).

El fin de optimizar las imágenes o fotografías es que estas ocupen menos tamaño en KB dentro del disco duro, con lo que a los visitantes de nuestra web se les descargarán antes nuestras páginas.

Photofilter es un programa gratuito para su uso personal que nos permitirá
optimizar, cambiar el tamaño, e incluso dar efectos a las imagenes. Web del autor: www.photofiltre-studio.com

El programa está en castellano y no necesita instalación. Descomprimiremos el archivo zip y haremos click en le icono del programa pfstudiox.exe.

1.- Abrir imagen.

2.- Modificar tamaño.

3.- Optimizar y guardar imágenes.

Pulse sobre las imagenes para verlas ampliadas.

1.-Abrir imagen.:

1.. Abriremos la imagen deseada, suele ser recomendable tener en una carpeta las imagenes originales y en otra carpeta las imagenes que vamos a modificar , también podemos renombrar las imágenes para no borrar el original.

Menú "Archivo" -> "Abrir"

Optimización de imágenes para web

VOLVER INDICE

2.- Modificar tamaño de imagen.
TAMAÑO DE LAS IMAGENES
En ocasiones nuestras fotografías originales pueden tener una tamaño(ancho y alto) demasiado elevado. Este tamaño se mide en pixeles, y
dependiendo del uso de la imagen los máximos recomendados son:
- Imágenes normales o de productos -> ancho 500 pixeles, alto 400 pixeles.
- Imágenes de galerías fotográficas -> ancho 1500 pixeles, alto 800 pixeles.
Optimización de imágenes para web

Para cambiar este tamaño:

En el menú "Imagen" seleccionaremos la opción "Tamaño de imagen" y estableceremos las dimensiones deseadas.

Por defecto el programa mantendrá las proporciones al cambiar uno de los dos valores (ancho y alto), si lo deseamos podemos desmarcar esa opción pero al perder las proporciones la imagen se distorsionará.

Optimización de imágenes para web

VOLVER INDICE

3.- Optimizar y guardar imágenes.

1.. Una vez tenemos la imagen deseada abierta y al tamaño deseado podremos ver sus características pulsando "Archivo"y"Propiedades de imagen" veremos el tamaño expresado en pixeles, cuanto ocupa en KB, y que tipo de archivo es.
Para nuestra página web necesitaremos que nuestro archivo sea extensión ".gif", ".jpg" o ".png". Para las fotografías se recomienda la extensión ".jpg".
Optimización de imágenes para web
NOTA: si nuestra imagen no es un ".jpg" pulsaremos la opción "save as-savar como" pondremos un nombre y seleccionaremos la extensión deseada. Esta será la imagen que trataremos.

2. Ya sabemos que nuestra imagen tiene la extensión adecuada, así que vamos a optimizarla. Para ello una vez que damos a "guardar", veremos que se abre una nueva ventana donde ajustaremos la "compression".

A mayor compresión, la imagen ocupará menos pero tendrá peor calidad. ajustando la calidad al 90% se reduce bastante el peso de la foto sin mucha perdida de calidad

Optimización de imágenes para web
3. Nuestra imagen ya esta optimizada, si comprobamos las propiedades de la imagen como al principio veremos que el tamaño en KB a disminuido notablemente. Solo nos que da guardar la imagen modificada en nuestro disco duro.

NOTA: se recomienda un tamaño de entre 50KB-200KB para fotografías de tamaño medio-grande en la web.

Optimización de imágenes para web

4 Procesar Lotes de imágenes
Photofiltre incorpora una herramienta de mucha utilidad para procesar y optimizar carpetas enteras de imagenes en lugar de hacerlo individualmente. La opción se encuentra en en menú superior:
Herramientas -> "Automatizar /en masa"
Podremos elegir la carpeta con las imagenes de origen, la carpeta de destino, el tamaño deseado, grado de optimización y otras opciones, con el consiguiente ahorro de tiempo y trabajo al hacer todo el proceso de forma automática.

subir