• Inicio
  • Plantillas
  • servicios 
    • páginas web
    • apps
    • branding book
    • design thinking
  • ¿eres una agencia?
  • blog
  • contacto
  • …  
    • Inicio
    • Plantillas
    • servicios 
      • páginas web
      • apps
      • branding book
      • design thinking
    • ¿eres una agencia?
    • blog
    • contacto
Creación de sitios web
Creación de sitios web
Desarrollo de sitios web
  • Inicio
  • Plantillas
  • servicios 
    • páginas web
    • apps
    • branding book
    • design thinking
  • ¿eres una agencia?
  • blog
  • contacto
  • …  
    • Inicio
    • Plantillas
    • servicios 
      • páginas web
      • apps
      • branding book
      • design thinking
    • ¿eres una agencia?
    • blog
    • contacto
  • 0
contratar ahora
  • Inicio
  • Plantillas
  • servicios 
    • páginas web
    • apps
    • branding book
    • design thinking
  • ¿eres una agencia?
  • blog
  • contacto
  • …  
    • Inicio
    • Plantillas
    • servicios 
      • páginas web
      • apps
      • branding book
      • design thinking
    • ¿eres una agencia?
    • blog
    • contacto
Creación de sitios web
Creación de sitios web
Desarrollo de sitios web
  • Inicio
  • Plantillas
  • servicios 
    • páginas web
    • apps
    • branding book
    • design thinking
  • ¿eres una agencia?
  • blog
  • contacto
  • …  
    • Inicio
    • Plantillas
    • servicios 
      • páginas web
      • apps
      • branding book
      • design thinking
    • ¿eres una agencia?
    • blog
    • contacto
  • 0
contratar ahora
Creación de sitios web

Especificaciones del tamaño de imagen

¿Cuál es el tamaño ideal de una imagen?

¿De que tamaño deberían de ser mis imágenes?

Estamos diseñado para manejar un amplio rango de tamaños para una variedad de tamaños de pantalla, secciones, acomodos y plantillas.

Sin embargo, es bueno tener una idea de que tamaños subir a la página.

Aquí hay unas guías generales; primero, toma nota de más o menos que tan ancha sale la imagen en la página.

Background images (imágenes de fondo): 1600x900px.

Full-width images (imágenes de ancho completo): Al menos 1400px de ancho para la mejor calidad (la altura no importa.)

Half-width images (imágenes de ancho medio): Al menos 700px de ancho para la mejor calidad (la altura no importa.)

1/3 width images (imágenes de 1/3 de ancho): Al menos 480px de ancho para la mejor calidad (la altura no importa.)

1/4 width images (imágenes de 1/4 de ancho): Al menos 380px de ancho para la mejor calidad (la altura no importa.)

Small icons/logos (íconos y logos pequeños): Al menos 100px de ancho.

Gallery images (imágenes de galería): Cualquier tamaño esta bien, las imágenes de galería se abren en una cuadrícula sobre tu sitio.

RECUERDA: Estas dimensiones de pixeles NO SON EXACTAS. Esto es porque el sitio optimiza para un amplio rango de tamaños de pantalla, desde TV grandes, hasta pequeños celulares, por lo tanto, no hay un tamaño definido para cada imagen. Estas guías son para asegurar que se mantenga la calidad para un amplio rango de imágenes.

¿Qué pasa si mis imágenes son muy pequeñas?

Generalmente, si tus imágenes son un poco más pequeñas de lo recomendado, no es un problema. Simplemente tendrán un espacio extra a los lados. Pero si tus imágenes son mucho más pequeñas de lo recomendado, habrá mucho espacio extra a los lados, y eso se podría ver mal. Puedes considerar cambiar el acomodo o usar otra sección.

¿Qué pasa si mis imágenes son muy grandes?

Si las dimensiones son muy grandes, pero el tamaño es menor a 10mb, no hay ningún problema. Tu sitio automáticamente escalara tus imágenes para que carguen rápidamente, y tus visitantes no estén descargando imágenes innecesariamente grandes.

 

Suscribirse
Anterior
Agrega chat en vivo con Facebook Messenger
Siguiente
Aumenta tu ranking en el motor de búsqueda (Optimización...
 Volver al sitio
Cancelar
Todos los artículos
×

Ya está casi listo...

Te enviamos un correo. ¡Por favor haz clic en el enlace del correo para confirmar tu suscripción!

Aceptar