Optimiza tus fotos para la web
Muchas veces sin darnos cuenta desperdiciamos mucho espacio porque las imágenes que utilizamos ocupan mucha memoria, pero tranquilos , siguiendo estos simples consejos conseguiréis que vuestras imágenes no ocupen más de lo estrictamente necesario. Podeis conseguir que imágenes de más de 1 MB ocupen menos de 50kb y se vean perfectamente.
¿Por qué ocupan tanto las imágenes?
Siempre que sacamos una foto con nuestra cámara digital o escaneamos una imagen suele ser por defecto bastante grande, esto tiene una fácil explicación. En el mundo de la edición de imagen digital existe una máxima “Siempre puedes disminuir pero nunca aumentar el tamaño de una imagen” así que por defecto (a no ser que te atrevas con la configuración de tu escáner o máquina de fotos) las imágenes van a ser demasiado grandes para la web y con una resolución demasiado alta.
¿Cómo arreglo eso?
Muy fácil sólo necesitas un programa de edición de imagen, en este truco vamos a comentar tres de ellos Photoshop, Fireworks y Microsoft Photo Editor. Pero básicamente lo que tienes que hacer es:
1- Reducir el tamaño físico de la imagen, cuanto más pequeña sea, menos espacio ocupará.
2- Ajustar la calidad para web.
Si no tienes ninguno de estos editores, el resto funcionan de una manera muy similar.
Microsoft Photo editor.
Si tienes Windows XP como sistema operativo, este es el editor de imagen que viene por defecto. La gran ventaja que tiene es que lo tiene casi todo el mundo, la gran desventaja que nos ofrece muchas menos opciones que otros editores.
1-Ajustar tamaño: Sólo tienes que ir al menú superior, selecciona imagen y luego cambiar tamaño. Elige que tamaño quieres que tenga la foto en centímetros o en porcentaje.
2-Resolución para web: Menú superior, archivo, propiedades y asegúrate de que la foto esté a una resolución 28 pixeles/cm o 72 pixeles/pda
Photoshop
Es probablemente el mejor editor del mercado, aunque quizás no sea demasiado recomendable para usuarios no avanzados, de todas formas para nuestros propósitos es bien sencillito.
1-Ajustar tamaño: Sólo tienes que ir al menú superior, selecciona “imagen”, luego “tamaño de imagen” y después selecciona el tamaño que más te interese.
2-Resolución web: Tienes que hacer clic en “archivo” y luego “guardar para web” se abrirá una ventana con varias opciones, elige la que mejor te convenga, elige la calidad (observa la imagen) Luego eliges donde guardarla, y ya está.
Fireworks
Como todo software de macromedia es muy sencillo de utilizar y nos ofrece muchísimas posibilidades. El favorito de los diseñadores web.
1- Ajustar tamaño: Sigue esta ruta Modificar> Lienzo> Tamaño de la imagen. Te permite cambiar las medidas (porcentajes, pixels)y también permite restringir las proporciones.
2- Resolución web: Fireworks MX
Este programa tiene un asistente muy completo e intuitivo que te ayudará a optimizar las imágenes para tu blog o tu web sin mayores dificultades.
El primer paso es seleccionar la opción “Asistente de exportación…” que se encuentra en el menú Archivo.
Conviene seguir detalladamente todas las instrucciones que presenta el asistente, ya que este hace prácticamente todo el trabajo.
En el caso que de que sea necesario fijar un límite determinado de KB (Kilo Bytes) para una imagen concreta es preciso activar la casilla “Tamaño de archivo de exportación objetivo” y luego introducir el número máximo de KB que tendrá finalmente la imagen.
Existe la posibilidad de elegir distintos destinos para las imágenes (la web, otra aplicación, etc.) Esta herramienta te ayudará a sacar el máximo partido de una imagen para una aplicación concreta, en este caso la web.
Una vez hecho el análisis el asistente te dará las últimas recomendaciones…
El siguiente paso te permitirá elegir entre los distintos formatos, además de te ofrecerá la posibilidad de afinar aún más los parámetros de calidad de la imagen, efectos de suavizado, transparencias, eliminar colores no utilizados, etc.
Las siguientes imágenes muestran algunos parámetros disponibles para los formatos de imagen GIF y JPEG
Espero que estos consejos os sirvan para que vuestras imágenes no ocupen más de lo necesario a la hora de subirlas a la web.
Saludos!!!
¿Por qué ocupan tanto las imágenes?
Siempre que sacamos una foto con nuestra cámara digital o escaneamos una imagen suele ser por defecto bastante grande, esto tiene una fácil explicación. En el mundo de la edición de imagen digital existe una máxima “Siempre puedes disminuir pero nunca aumentar el tamaño de una imagen” así que por defecto (a no ser que te atrevas con la configuración de tu escáner o máquina de fotos) las imágenes van a ser demasiado grandes para la web y con una resolución demasiado alta.
¿Cómo arreglo eso?
Muy fácil sólo necesitas un programa de edición de imagen, en este truco vamos a comentar tres de ellos Photoshop, Fireworks y Microsoft Photo Editor. Pero básicamente lo que tienes que hacer es:
1- Reducir el tamaño físico de la imagen, cuanto más pequeña sea, menos espacio ocupará.
2- Ajustar la calidad para web.
Si no tienes ninguno de estos editores, el resto funcionan de una manera muy similar.
Microsoft Photo editor.
Si tienes Windows XP como sistema operativo, este es el editor de imagen que viene por defecto. La gran ventaja que tiene es que lo tiene casi todo el mundo, la gran desventaja que nos ofrece muchas menos opciones que otros editores.
1-Ajustar tamaño: Sólo tienes que ir al menú superior, selecciona imagen y luego cambiar tamaño. Elige que tamaño quieres que tenga la foto en centímetros o en porcentaje.
2-Resolución para web: Menú superior, archivo, propiedades y asegúrate de que la foto esté a una resolución 28 pixeles/cm o 72 pixeles/pda
Photoshop
Es probablemente el mejor editor del mercado, aunque quizás no sea demasiado recomendable para usuarios no avanzados, de todas formas para nuestros propósitos es bien sencillito.
1-Ajustar tamaño: Sólo tienes que ir al menú superior, selecciona “imagen”, luego “tamaño de imagen” y después selecciona el tamaño que más te interese.
2-Resolución web: Tienes que hacer clic en “archivo” y luego “guardar para web” se abrirá una ventana con varias opciones, elige la que mejor te convenga, elige la calidad (observa la imagen) Luego eliges donde guardarla, y ya está.
Fireworks
Como todo software de macromedia es muy sencillo de utilizar y nos ofrece muchísimas posibilidades. El favorito de los diseñadores web.
1- Ajustar tamaño: Sigue esta ruta Modificar> Lienzo> Tamaño de la imagen. Te permite cambiar las medidas (porcentajes, pixels)y también permite restringir las proporciones.
2- Resolución web: Fireworks MX
Este programa tiene un asistente muy completo e intuitivo que te ayudará a optimizar las imágenes para tu blog o tu web sin mayores dificultades.
El primer paso es seleccionar la opción “Asistente de exportación…” que se encuentra en el menú Archivo.
Conviene seguir detalladamente todas las instrucciones que presenta el asistente, ya que este hace prácticamente todo el trabajo.
En el caso que de que sea necesario fijar un límite determinado de KB (Kilo Bytes) para una imagen concreta es preciso activar la casilla “Tamaño de archivo de exportación objetivo” y luego introducir el número máximo de KB que tendrá finalmente la imagen.
Existe la posibilidad de elegir distintos destinos para las imágenes (la web, otra aplicación, etc.) Esta herramienta te ayudará a sacar el máximo partido de una imagen para una aplicación concreta, en este caso la web.
Una vez hecho el análisis el asistente te dará las últimas recomendaciones…
El siguiente paso te permitirá elegir entre los distintos formatos, además de te ofrecerá la posibilidad de afinar aún más los parámetros de calidad de la imagen, efectos de suavizado, transparencias, eliminar colores no utilizados, etc.
Las siguientes imágenes muestran algunos parámetros disponibles para los formatos de imagen GIF y JPEG
Espero que estos consejos os sirvan para que vuestras imágenes no ocupen más de lo necesario a la hora de subirlas a la web.
Saludos!!!
