Saltar al contenido

Ariapsa - Diseño de páginas web México

¿Por qué es importante optimizar las imágenes para la web?

Optimizar las imagenes para subirlas a mi página web
Optimizar las imágenes para subirlas a mi página web

 

Optimizar imágenes para la publicación en sitios web

Cuando hablamos de optimizar imágenes para la publicación en sitios web nos referimos a reducir lo mas posible su peso sin disminuir en lo posible la calidad original de las imágenes.

 

Beneficios de optimizar las imágenes el sitios web:

Reducir el consumo de ancho de banda del servidor y evitar el error 509 LIMITED EXCEEDED.

Reducir el espacio en disco duro del servidor (hosting)

Carga rápida del lado del usuario final

Evitar pagos excesivos en el caso de usuarios con conexión lenta o pago por descarga (3G etc)

 

Peso y tamaño

No es lo mismo peso que tamaño aunque comúnmente leemos que se hace referencia a lo mismo, tamaño se refiere específicamente a las dimensiones que tiene una imagen mientras que peso (KB) se refiere al espacio de disco o memoria que necesitamos para almacenar una imagen.

Tamaños:

Grande: Tamaño superior o igual a 1024x768 píxeles

Mediana: Tamaño entre 320x240 y 1024x768 píxeles

Pequeña: Tamaño inferior a 320x240 píxeles

 Muy pequeña: Tamaño inferior a 100x100 píxeles

 

Pesos:

Pesada: Peso sea superior o igual a 1 Mbyte (1.024Kbytes)

Peso mediano: Peso entre 300Kbytes y 1 Mbyte (1.024Kbytes)

Ligera: Peso inferior a 300Kbytes

Muy ligera: Peso inferior a 100Kbytes

 

Extensiones recomendadas para la publicación en páginas web:

JPG-JPEG (Joint Photographic Experts Group = Grupo de Expertos Fotográficos Unidos)

PNG (Portable Network Graphic = Gráfico portable para la red)

GIF (Graphics Interchange Format = Formato de Intercambio Gráfico)

Tabla comparativa:

tabla comparativa de extensiones
Tabla comparativa de extensiones

¿Donde puedo optimizar mis imágenes?

Existen diversos sitios web en linea que permiten optimizar nuestras imágenes incluso el mismo sitio de facebook al realizar la subida de imágenes reduce el peso de las imágenes.

Photoshop: Photoshop recomienda esta opción precisamente para la web al momento de guardar >ARCHIVO > GUARDAR PARA WEB Y DISPOSITIVOS... se recomienda guardar en jpg por sus propiedades de comprensión con calidad de 60 (alta) o mediana en el caso que se una imagen que no nos interese tenga tanta calidad, recomendado marcar progresivo (es decir cargara la imagen paulatinamente mientras se accede a ella)

Facebook: Subir tus imágenes a facebook y posteriormente descargarlas aunque no es muy recomendable ya que la perdida de calidad es demasiada.

Image optimizer: Servicio online para subir y optimizar imágenes.

Dinamic drive : Limitantes al subir tus imágenes a a 2.86

 

 


Optimizar imágenes para sitios web, extensiones de imágenes recomendadas para publicaciones web, reducir peso de imágenes, problemas comunes de sobrecarga de página web.

 

QR Code
¡Enfoca el QR con tu cámara de fotos!