Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Altura máxima de una imagen

Quería saber si existe una altura máxima recomendable para poner una imagen en una página web. Quiero poner unas imágenes que son bastante grandes y no se si el tamaño de la imagen en altura debo tenerlo en cuenta.

La FAQ Altura máxima de una imagen tiene Pertenece a la categoría:


 Respuesta de Miguel Angel Alvarez  20/7/07 
Es una pregunta que tendría varias posibles respuestas, pero todo depende un poco de la estrategia que desees en tu sitio.

Veamos… en realidad el alto de una imagen no importa mucho. Te lo comento porque existen las barras de desplazamiento del navegador, que los usuarios están acostumbrados a utilizar. Si una imagen es muy grande en altura los usuarios simplemente moverán las barras de desplazamiento para ver la imagen entera.

Pero otra cosa es si quieres que la imagen se vea en la pantalla de una sola vez, es decir, que quepa entera en altura en el espacio de la ventana del navegador. Eso sería para que se vea de un golpe de vista y no se tenga que ver a trozos, desplazando la página para ver los distintos trozos. Pues en ese caso sí que tendríamos que limitar la altura de la imagen, a unas dimensiones razonables, que permitan a todos los usuarios que nos visiten ver las imágenes de una sola vez.

Para esto tenemos que pensar en el tipo de usuarios que deseamos recibir. Si estamos diseñando una página para 800x600 tenemos que saber que la altura máxima de la ventana del navegador será 600 píxeles. Pero a esta altura le tenemos que descontar el espacio que ocupa la barra de menús, direcciones y otras barras que tenga la ventana del navegador.

El espacio de la barra de menús, título de la ventana y otras barras va a ser como mínimo de unos 120 pixeles. Pero podría llegar a ocupar unos 170 pixeles si el usuario tiene la barra de google instalada, por ejemplo.

En definitiva, el espacio disponible a lo alto que tenemos para meter una imagen sería de 600 pixel menos 120 de las barras de navegación = 480 pixel.

Si estamos diseñando la página para 1024 x 768, la imagen debería ser de 768 - 120 = 648 pixeles máximo de alto.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

 
FAQ relacionadas
  + Gifs animados con Photoshop
  + Programas para hacer GIFs animados
  + Capturar una pantalla del ordenador
  + Incluir código externo en una página web
  + Costes de realización de una página web
  + ¿Qué son los dingbat?
  + Colocar un icono en la barra de direcciones
  + Enlaces que cambian al pasar el ratón
  + Diseñar las imagenes para hacer tablas con esquinas redondeadas
  + Alinear el contenido horizontal y verticalmente
  + ¿Como puedo guardar una imagen PDF en mi disco duro?.
  + Reducir una imagen para que aparezca como un preview
  + ¿Cómo se hace un menú desplegable dinámico?
  + Qué son los colores web
  + Eliminar la barra que aparece al pasar el ratón por las imágenes
  + Quitar subrayado a los enlaces
  + Una duda con respecto a los tutoriales
  + ¿Qué programa de gráficos me recomendais?
  + ¿Qué es WYSIWYG?
  + Evitar que pueda verse el código fuente de la página
  + Velocidad y tamaños óptimos para una web
  + Consejos para hacer una página web
  + Photoshop es adecuado para los novatos?
  + Páginas fluídas
  + Cambiar el diseño de una web
  + El formato SVG
  + Sección vuestras páginas
  + Para que se utiliza el formato jpg?
  + Optimizar imágenes para el web
  + Tamaño adecuado de las imágenes
  + Manual en diseño web
  + Diseño con frames. Ventajas e inconvenientes.

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia