Cómo optimizar las imágenes para la web

Optimizar sus imágenes para que su carga de la página web más rápido.

Optimizar sus imágenes para que su carga de la página web más rápido.

La optimización se refiere a hacer una imagen lista para ser usada 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 imagen, ya que la mayoría de las cámaras digitales toman fotografías de gran tamaño. También incluye comprimir los datos para que el archivo ocupe menos espacio en disco con poca o ninguna pérdida en la calidad de la imagen. Este es el caso de la optimización si la imagen cambia de tamaño o no.

Utilizar Web Resizer Online

Visita WebResizer.com y haga clic en el "Elija el archivo" botón. Navegue hasta la imagen que desea optimizar en su disco duro, haga clic en él, y haga clic en "DE ACUERDO." A continuación, haga clic en el "Cargar imagen" botón para subirlo. Verá dos versiones de la foto por debajo de estos botones: la imagen optimizada de la izquierda y el original a la derecha.

Ver 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 siguientes pasos para editar las preferencias de optimización.

Introducir cantidades para las opciones en el campo por debajo de las dos fotos. Puede introducir un nuevo tamaño (especificando "anchura" 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).

Clickea en el "Aplicar cambios" botón 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 quieres más alteraciones, proceder con el paso por debajo antes de descargar la imagen.

Ajuste 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 borde mediante el establecimiento de las opciones para las fronteras en la parte inferior. Haga clic en "Aplicar cambios" y entonces "Descarga esta imagen" cuando esté satisfecho.

Optimizar imágenes con Adobe Fireworks

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

Selecciona el "Optimizar" el panel 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. Se pueden ajustar la calidad de imagen, cambiando el número en el "Calidad" caja si se desea.

Clickea en el "Avance" botón sobre la imagen para ver como se verá con las opciones de optimización seleccionados.

Seleccionar "Exportar" desde el "Archivo" menú, escriba un nombre de archivo y haga clic "Salvar" para guardar la imagen optimizada.

Optimizar con Adobe Photoshop

Seleccionar "Abierto" desde el "Archivo" menú para abrir la imagen que desea optimizar en Adobe Photoshop.

Escoger "Guardar para Web & dispositivos" desde el "Archivo" menú. Selecciona el "optimizado" pestaña de la ventana que aparece.

Vídeo: Cómo optimizar imágenes para web con Photoshop

Haga clic en la lista desplegable de configuración de la "Programar" menú o de entrada individuales posibilidades de ajuste en los campos, elegir el formato de archivo, el tamaño y calidad de imagen.

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

Introduzca un nombre de archivo y haga clic en y sobre la "Salvar" botón.

Artículos necesitará

Vídeo: Cómo optimizar imágenes para un sitio web - SEO - DesignPlus

referencias

  • enlazar AKSI: Optimización de imágenes para la Web
  • enlazar Arte digital y Fotografía: Cómo optimizar las fotos digitales para la Web
  • enlazar WebsiteTips.com: Optimización del sitio web

Sobre el Autor

Melissa Worcester es una mamá, escritor independiente y diseñador gráfico. Ella ha estado escribiendo profesionalmente desde hace más de 18 años y ganar un ingreso de escritura a tiempo parcial para varios sitios web desde 2007. Ella escribe sobre temas de tecnología, negocios y marketing, mejoras para el hogar, la educación y los temas de la familia y ayuda en los negocios remodelación de la casa de su marido. Worcester tiene una licenciatura en comunicaciones y psicología de la Universidad de Syracuse.

Artículos Relacionados