Cómo optimizar las imágenes para la Web

Optimización refiere a hacer una imagen listo para ser utilizado en una página Web. Para las fotos tomadas con una cámara digital de alta calidad, lo que incluye el cambio de tamaño de las dimensiones de la imagen, ya que la mayoría de las cámaras digitales toman fotografías de gran tamaño. También incluye la compresión de los datos de modo que el archivo ocupa menos espacio de disco con poca o ninguna pérdida en la calidad de imagen. Este es el caso de la optimización si la imagen cambia de tamaño o no.

Instrucciones

Utilice Web Resizer Online

1 Visita WebResizer.com y haga clic en el botón "Seleccionar archivo". Navegue hasta la imagen que desea optimizar en su disco duro, haga clic en él y haga clic en "Aceptar". A continuación, haga clic en el botón "Subir imagen" para subirlo. Podrás ver dos versiones de la foto por debajo de estos botones: la imagen optimizada de la izquierda y el original a la derecha.

2 Vea la imagen optimizada y el listado para su tamaño de archivo (en KB), anchura y altura (en píxeles) por debajo de ella. Si esto es satisfactoria, haga clic en "Descarga esta imagen" debajo de la foto optimizada para descargarlo. Si no es lo que desea, proceda con los pasos siguientes para editar las preferencias de optimización.

3 Introduzca la cantidad total de las opciones de los campos a continuación las dos fotos. Puede introducir un nuevo tamaño (especificando "ancho" o "altura") y la otra dimensión se calculará para mantener el proporcional foto. Puede introducir una cantidad de 0 a 40 para el afilado, y una cantidad de 10 a 100 para una calidad de imagen (cuanto mayor sea el número, mejor será la calidad).

4 Haga clic en el botón "Aplicar cambios" para ver la nueva imagen. Repita con nuevas opciones hasta que esté satisfecho, o haga clic en "Descarga esta imagen" para descargar la imagen optimzed. Si desea más alteraciones, proceder con el paso por debajo antes de descargar la imagen.

5 Ajustar la imagen de tinte, la exposición, el contraste o la saturación de color mediante la introducción de números en los campos respectivos. Añadir efectos de frontera mediante el establecimiento de las opciones para las fronteras en la parte inferior. Haga clic en "Aplicar cambios" y luego "Descarga esta imagen" cuando esté satisfecho.

Optimizar imágenes con Adobe Fireworks

6 Seleccionar o abrir una imagen que desea optimizar en Adobe Fireworks haciendo clic sobre ella (que ya está abierto en Fireworks) o seleccionando "Abrir" en el menú "Archivo" para abrirlo.

7 Seleccione el panel "Optimizar" de los paneles en la parte derecha de la ventana de fuegos artificiales, y seleccionar e introducir opciones para la optimización. Seleccione la combinación deseada de formato de archivo y la calidad de la lista desplegable. Puede ajustar la calidad de imagen cambiando el número en el cuadro de "calidad" si se desea.

8 Haga clic en el botón "Vista previa" por encima de la imagen para verlo tal y como se verá con las opciones de optimización seleccionados.

9 Seleccione "Exportar" del menú "Archivo", escriba un nombre de archivo y haga clic en "Guardar" para guardar la imagen optimizada.

Optimizar con Adobe Photoshop

10 Seleccione "Abrir" en el menú "Archivo" para abrir la imagen que desea optimizar en Adobe Photoshop.

11 Elige "Guardar para Web y dispositivos" en el menú "Archivo". Seleccione la pestaña "optimizada" de la ventana que aparece.

12 Haga clic en la lista desplegable de configuración desde el menú "Preset", o ajuste individual de entrada de opciones en los campos, elegir el formato de archivo, el tamaño y calidad de imagen.

13 Ver la vista previa de la imagen y ajustar la configuración según desee.

14 Introduzca un nombre de archivo y haga clic en y en el botón "Guardar".