ubiquitour.com

Cómo optimizar imágenes para la Web

Cómo optimizar imágenes para la Web

Optimización se refiere a hacer una imagen lista para ser usada en una página Web. Para ver las fotos tomadas con una cámara digital de calidad, esto incluye cambiar el tamaño de las dimensiones de la imagen, ya que más cámaras digitales toman fotos grandes. También incluye la compresión de los datos para que el archivo ocupa menos espacio en disco con poca o ninguna pérdida en la calidad de imagen. Esto es cierto de optimización si la imagen cambia de tamaño o no.

Instrucciones

Uso en línea de Web Resizer

1 Visite WebResizer.com y haga clic en el botón "Elegir archivo". Desplácese hasta la imagen que desea optimizar disco duro, haga clic en él y haga clic en "Aceptar". Haga clic en el botón "Subir imagen" para subirlo. Podrás ver dos versiones de la foto debajo de estos botones: la imagen optimizada de la izquierda y el original a la derecha.

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

3 Introducir cantidades para las opciones en los campos debajo de las dos fotos. Puede introducir un nuevo tamaño (especificando "ancho" o "altura") y la otra dimensión se calculará para guardar la foto proporcional. Puede introducir una cantidad de 0 a 40 para afilar y una cantidad de 10 a 100 para la 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. Repetir con nuevas opciones hasta que le satisfagan, o haga clic en "Descargar imagen" para descargar la imagen optimizado. Si desea más alteraciones, proceder con el paso siguiente antes de descargar la imagen.

5 Ajustar la saturación de color, exposición, contraste o el color de la imagen, introduzca números en los campos respectivos. Añadir efectos de frontera estableciendo las opciones de bordes en la parte inferior. Haga clic en "Aplicar cambios" y luego "Descargar imagen" cuando está satisfecho.

Optimizar imágenes con Adobe Fireworks

6 Seleccione o abra una imagen que desea optimizar en Fireworks de Adobe haciendo clic en él (lo ya está abierto en Fireworks) o seleccionando "Abrir" del menú "Archivo" para abrirlo.

7 Seleccione el panel de "Optimizar" de los paneles a la derecha de la ventana de Fireworks y seleccione y escriba opciones de optimización. Seleccione la combinación deseada de calidad y archivo de formato de la lista desplegable. Puede ajustar la calidad de la imagen cambiando el número en el cuadro de "Calidad" si lo desea.

8 Haga clic en el botón "Vista previa" sobre la imagen para ver como se verá con las opciones de optimización.

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" del menú "Archivo" para abrir la imagen que desea optimizar en Adobe Photoshop.

11 Elija "Guardar para Web y dispositivos" en el menú "Archivo". Seleccione la ficha "Optimizado" de la ventana que aparece.

12 Haga clic en el menú desplegable de ajustes desde el menú "Preset" o entrada opciones individuales en los campos, elegir la calidad de imagen, tamaño y formato del archivo.

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

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