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:
¿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.