Una imagen ocupa más de 1.000 palabras

El refrán decía …

“Una imagen vale más que mil palabras”

Fontana di trevi

Una imagen vale más que 1000 palabras.
Fontana de Trevi. Roma

Pero nadie nos dijo que si añadimos una imagen a nuestro proyecto de software o página web, nuestra creación ocupará mucho más tamaño.

Aunque parezca que lo importante es el código, procesos, tablas, etc, las imágenes son parte fundamental del interfaz de usuario y un buen uso puede conseguir que nuestras aplicaciones tengan un estilo sencillo y agradable que ayude a los usuarios a ser un poco más felices.

Del mismo modo debemos tener mucho cuidado con el uso de las imágenes, suelen ser parte importante de los recursos que componen nuestra aplicación. En muchas ocasiones superan el 25% del tamaño en bytes de nuestro proyecto

Tres consejos rápidos:

  • Usa herramientas de compresión y limpieza de los ficheros, te ayudarán a reducir enormemente el tamaño de la imagen sin tener perdida de calidad.
  • Uso del formato y número de colores necesarios. Si es imagen con pocos colores PNG, si son imágenes con miles de colores JPG
  • Organización en los nombres. Muchas veces no se puede encontrar el nombre apropiado a un recurso y se invierte tiempo en volver a crear otro.

Una herramienta que es muy útil es PngCrush, que permite por linea de comandos optimizar y comprimir cualquier imagen PNG

pngcrush.exe -rem alla -reduce fichero.png

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s