Dimensiones y formatos para los insumos de tu sitio web
A fin de garantizar una correcta visualización, optimización del rendimiento y compatibilidad responsiva en todos los dispositivos, se solicita seguir las siguientes dimensiones estándar al proporcionar o generar imágenes para sitios web:
-
🖼️
Banner Principal (Hero Section)
- Dimensión: 1920 x 1080 px
- Formato requerido: WebP, PNG o JPG
- Descripción: Utilizado como imagen destacada en la sección principal del sitio. Ideal para fondos anchos con contenido sobreimpreso. -
🎨
Galería / Portafolio (Cuadrada)
- Dimensión: 1080 x 1080 px
- Formato requerido: WebP, PNG o JPG
- Descripción: Diseñada para diseños en cuadricula o tarjetas simétricas. Adecuada para mostrar proyectos, productos o contenido visual equilibrado. -
🎥
Galería / Portafolio (Horizontal - Proporción 16:9)
- Dimensión: 1600 x 900 px
- Formato requerido: WebP, PNG o JPG
- Descripción: Ideal para sliders horizontales, artículos destacados o presentaciones cinematográficas. -
👤
Avatar / Perfil
- Dimensión: 512 x 512 px
- Formato requerido: WebP, PNG o JPG
- Descripción: Alta calidad para fotos de usuarios, perfiles de equipo o avatares personalizados. -
📱
Imágenes Móviles
- Dimensión máxima recomendada: Ancho de hasta 1080 px
- Formato requerido: WebP, PNG o JPG
- Descripción: Optimizadas para carga rápida en dispositivos móviles. Se deben usar atributos responsivos (srcset, sizes) para entregar la imagen adecuada según el dispositivo. -
🧩
Tarjetas (Cards Vertical)
- Dimensión: 500 x 700 px
- Formato requerido: WebP, PNG o JPG
- Descripción: Componente reutilizable comúnmente usado para listados de productos, servicios o artículos. Funciona bien en layouts de 3 columnas en desktop y adapta fácilmente a móviles. -
📎
Iconos
- Dimensión: 128 x 128 px
- Formatos requeridos: PNG
- Descripción: Mayor soporte y compatibilidad para diferentes dispositivos (Se puede solicitar otra dimensión en caso que se requiera) -
🏷️
Logotipo
- Dimensión: 512 x 512 px
- Formatos requeridos: PNG
- Descripción: El formato PNG sirve para compatibilidad con CMS o plataformas externas. Incluir transparencia si aplica.
NOTAS TÉCNICAS GENERALES:
- Todas las imágenes no especificadas en formato deberán entregarse en PNG por defecto, salvo indicación contraria.
- Todas las imágenes no especificadas en formato deberán entregarse en PNG por defecto, salvo indicación contraria.
¿No cuentas con el material gráfico requerido o te faltan algunos elementos?
Podemos ayudarte a generar los insumos necesarios para el desarrollo de tu sitio web, incluyendo imágenes optimizadas, iconografía y cualquier otro recurso gráfico esencial.
Solicita nuestros servicios adicionales en el siguiente botón y asegura una entrega completa y funcional de tu sitio web.