Administración y uso de páginas web
El tamaño de las imágenes en Internet
 |
Indice:
Esto es muy importante. De nada le sirve poner en su página web o en su blog una imagen impresionante y que en su monitor se ve estupendamente, si esa imagen se lo va a deformar todo y hacer que el visitante tenga que esperar demasiado tiempo esperando a que se descarguen de internet.
Hay también una cuestión a tener en cuenta. Es posible que la resolución de su monitor sea alta, por ejemplo:
 |
Pero eso no es lo habitual y la imagen que ve perfecta en su pantalla sería demasiado grande para el de muchos visitantes.
Voy a explicárselo gráficamente. Es como tener un poster que usted quiere enmarcar y no pueden cambiarse ni las medidas del marco ni las del poster, así que vamos a cambiar lo que son pixels a centímetros y partimos del tamaño anterior, es decir, 1920 x 1080 pixels = 1920 x 1080 centímetros. Y el poster mide exactamente eso (1920 x 1080 centímetros).
 |
Así se vería en ese monitor,... en su marco.
 |
Perfecta, ¿verdad?. Pero tenga un poco de calma y descubrirá pronto el por qué le digo esto.
Ahora imaginemos otro marco, otra resolución de pantalla, pongamos por ejemplo una muy común, 1024 x 768. Fíjese, el rectángulo rojo es su monitor. Así es como vería la misma imagen cualquier usuario con esa resolución de pantalla.
 |
La parte sombreada no se vería.
Después de esta introducción, pasemos a un ejemplo práctico en internet.
Vamos a coger como ejemplo un blog con un ancho de contenido fijo de 598 pixels.
 |
Esto quiere decir que todas las imágenes mayores de 598 pixels de ancho, pueden deformar la página web o el blog. Recuerde, es como intentar enmarcar en un marco pequeño un poster de mayor tamaño.
Y ahora le mostraré como se verán las imágenes en ese contenido si no se respetan los tamaños y poniendo por ejemplo el monitor con la resolución de 1024 x 768.
Esta es una imagen de 800 pixels de ancho y por supuesto lo que no ve en la imagen es como puede deformar todo el blog el exceso de tamaño.
 |
Como verá, ¡esto es un desastre!.
Por eso a continuación le voy a poner lo que nosotros consideramos en la actualidad los tamaños a utilizar en internet sin problemas, claro, salvo casos especiales. (Todos los tamaños se refieren al ancho en pixels.)
Imagen horizontal:
600 pixels
 |
550 pixels
|
500 pixels
|
450 pixels - ¡RECOMENDADO!
|
400 pixels - ¡RECOMENDADO!
|
350 pixels
|
300 pixels
|
Imagen vertical:
500 pixels
 |
450 pixels
|
400 pixels
|
350 pixels
|
300 pixels - ¡RECOMENDADO!
|
280 pixels - ¡RECOMENDADO!
|
250 pixels
|
Imagen cuadrada:
450 pixels
 |
400 pixels
|
350 pixels - ¡RECOMENDADO!
|
300 pixels
|
280 pixels
|
250 pixels
|
Imagen panorámica:
700 pixels
 |
650 pixels
|
600 pixels - ¡RECOMENDADO!, si se puede
|
550 pixels - ¡RECOMENDADO!
|
500 pixels
|
450 pixels
|
Notas finales:
- Compruebe la resolución de su monitor para tener una perspectiva real.
- Entérese cual es la resolución más común de los monitores de sus visitantes
- Aténgase a los tamaños de la plantilla de su página web o de su blog.
- Si usted, por alguna razón, necesita poner imágenes a mayor tamaño, utilice galerías que se abren en ventanas independientes o elija una plantilla con ancho relativo o lo suficientemente espaciosa.
- Este manual se realizó en una plantilla que admite grandes tamaños.
