• Las dimensiones de una imagen definen su anchura y su altura y se miden en píxeles (px).
  • La resolución mide la cantidad de píxeles por unidad de longitud, es decir, la finura con se representará la imagen: a más píxeles por unidad de longitud, mayor calidad de imagen. El estándar es la pulgada, de ahí que la unidad de medida sea el ppp = "píxel por pulgada" o el dip = "dot per inch".

Internet es un mundo que se ve desde un monitor y, por tanto, los recursos que allí se muestran se ven a la resolución nativa de los monitores de ordenador que es de 72 ppp. Por otra parte, las páginas web son diseñadas de manera que se adapten a la mayoría de los navegadores y a las resoluciones estándares de los monitores. A día de hoy se considera que la anchura estándar (el mínimo que tiene cualquiera) es de 1024 píxeles, la altura es indiferente en la medida en que la página puede ser tan larga como se desee.

Desde este punto de vista, es necesario saber que tras eliminar los márgenes del sitio, quedan unos 900 px hábiles, siempre que no haya menúes laterales.

  • La imagen siguiente tiene 900 px de anchura y ocupa 534.712 bytes. Es ideal para un fondo o para mostrar algo en detalle y con calidad, pero necesita mucho tiempo, comparativamente hablando, para verse ya que se debe descargar una imagen grande; esto ralentiza la carga de páginas y deteriora la experiencia del usuario.

gaviota a 900px

  • Anchura 600 px, capacidad 238.170 bytes. Sigue siendo suficientemente grande, carga el doble de rápido y será vista completa incluso con menúes laterales. Esta anchura puede ser una buena opción para establecerla como máxima en las imágenes que se publiquen.

gaviota a 600px

  • Anchura 400 px, capacidad 32.534 bytes. La disminución de capacidad es espectacular, es aproximadamente media pantalla en anchura y servirá para imágenes que lleven texto en los laterales o como enlaces a versiones más grandes, por ejemplo, en Flickr.

gaviota a 400px

  • Anchura 200 px, capacidad 9.644 bytes. Ideal para enlaces, se busca representar pero no dar toda la información.

gaviota a 200px

  • Anchura 100 px, capacidad 2.373 bytes. Decoración, listados de imágenes, por ejemplo vistas miniatura de lugares que sirve como enlace para acceder a la ficha detallada, suficiente si el objeto representado es grande. La carga es muy rápida.

gaviota a 100px

Bajo ningún concepto es preferible subir una imagen de gran calidad y reducir sus dimensiones de representación para adecuarla al espacio de que se dispone.

Recursos

Subir