ContenidosBanners
Medidas de los banners
Anchos de imagen que exige cada ubicación de banner, formatos de archivo admitidos y requisitos al cargar o reemplazar un banner.
Cada ubicación de Contenidos > Banners define el ancho que debe tener la imagen. El alto no está definido por la ubicación.
Qué es obligatorio y qué es flexible
| Concepto | Condición | Detalle |
|---|---|---|
| Ancho de una imagen nueva | Obligatorio | Debe ser exactamente el de la ubicación. Si no coincide: "El tamaño de la imágen es inválido". |
| Alto de una imagen nueva | Flexible | Cualquier alto. La plataforma lo toma de la imagen cargada. |
| Ancho y alto al reemplazar una imagen | Obligatorio | La nueva imagen debe medir lo mismo que la actual. |
| Formato de imagen | Obligatorio | JPG, JPEG, PNG, GIF o WEBP. |
| Peso de imagen | Límite configurado | 5 MB, o el valor de Peso máximo banners (MB) en Sistema > Configuración. Se verifica al reemplazar la imagen de un banner existente. |
| Banner HTML | Sin medidas | Archivo .html. No se valida ancho ni alto. |
Los avisos que muestra la carga están en Requisitos del archivo.
Alto y proporción
La plataforma no indica un alto ni una proporción para ninguna ubicación. Esa decisión queda a cargo de Diseño y no se publica aquí ninguna medida de alto. Por eso la guía no incluye imágenes de referencia descargables: faltaría el alto.
Anchos por ubicación
Cada tarjeta agrupa las ubicaciones que usan el mismo ancho. Las barras están a escala entre sí, y el borde inferior punteado indica que el alto es libre. Seleccionar Copiar para copiar el ancho y Ver sectores para consultar las ubicaciones.
Todas las barras usan la misma escala: 1900 px = 100 %.
1900 px de ancho
Alto libre
Ver sectores
- Home Slide (Desktop)Código:
home-slide-D· Máx. a mostrar inicial: 100 - Banner sector 1 - Home Banner Full (Desktop)Código:
home-banner-sector1-full-width· Máx. a mostrar inicial: 1 - Banner sector 2 - Home Banner Full (Desktop)Código:
home-banner-sector2-full-width· Máx. a mostrar inicial: 1 - Banner sector 3 - Home Banner Full (Desktop)Código:
home-banner-sector3-full-width· Máx. a mostrar inicial: 1 - Banner sector 4 - Home Banner Full (Desktop)Código:
home-banner-sector4-full-width· Máx. a mostrar inicial: 1
1700 px de ancho
Alto libre
Ver sectores
- Home HTML textos c/iconos x 4Código:
home-servicios· Máx. a mostrar inicial: 1 - Banner sector 1 - Home Banner (Desktop)Código:
home-banner-sector1-full· Máx. a mostrar inicial: 1 - Banner sector 1 - Home Banner Slider (Desktop)Código:
home-banner-sector1-slider· Máx. a mostrar inicial: 5 - Banner sector 2 - Home Banner (Desktop)Código:
home-banner-sector2-full· Máx. a mostrar inicial: 1 - Banner sector 3 - Home Banner (Desktop)Código:
home-banner-sector3-full· Máx. a mostrar inicial: 1 - Banner sector 4 - Home Banner (Desktop)Código:
home-banner-sector4-full· Máx. a mostrar inicial: 1 - Home-titulo-destacado grandeCódigo:
home-titulo-d0· Máx. a mostrar inicial: 1 - Home-titulo-destacado 1Código:
home-titulo-d1· Máx. a mostrar inicial: 1 - Home-titulo-destacado 2Código:
home-titulo-d2· Máx. a mostrar inicial: 1 - Home-titulo-destacado 3Código:
home-titulo-d3· Máx. a mostrar inicial: 1
1450 px de ancho
Alto libre
Ver sectores
- Categoría - banner topCódigo:
category-top-1450· Máx. a mostrar inicial: 1
1200 px de ancho
Alto libre
Ver sectores
- Carrito - Checkout - GoCuotas - LogoCódigo:
Cart-Checkout-GoCuotas-Logo· Máx. a mostrar inicial: 1
1000 px de ancho
Alto libre
Ver sectores
- [Home] Shop by look Imagen1Código:
shop-by-look1· Máx. a mostrar inicial: 1 - [Home] Shop by look Imagen2Código:
shop-by-look2· Máx. a mostrar inicial: 1
750 px de ancho
Alto libre
Ver sectores
- Home Slide (Mobile)Código:
home-slide-M· Máx. a mostrar inicial: 100 - Banner sector 1 - Home Banner doble izquierda (Desktop)Código:
home-banner-sector1-doble1· Máx. a mostrar inicial: 1 - Banner sector 1 - Home Banner doble derecha (Desktop)Código:
home-banner-sector1-doble2· Máx. a mostrar inicial: 1 - Banner sector 1 - Home Banner (Mobile)Código:
home-banner-sector1-mobile· Máx. a mostrar inicial: 5 - Banner sector 2 - Home Banner doble izquierda (Desktop)Código:
home-banner-sector2-doble1· Máx. a mostrar inicial: 1 - Banner sector 2 - Home Banner doble derecha (Desktop)Código:
home-banner-sector2-doble2· Máx. a mostrar inicial: 1 - Banner sector 2 - Home Banner (Mobile)Código:
home-banner-sector2-mobile· Máx. a mostrar inicial: 5 - Banner sector 3 - Home Banner doble izquierda (Desktop)Código:
home-banner-sector3-doble1· Máx. a mostrar inicial: 1 - Banner sector 3 - Home Banner doble derecha (Desktop)Código:
home-banner-sector3-doble2· Máx. a mostrar inicial: 1 - Banner sector 3 - Home Banner (Mobile)Código:
home-banner-sector3-mobile· Máx. a mostrar inicial: 5 - Banner sector 4 - Home Banner doble izquierda (Desktop)Código:
home-banner-sector4-doble1· Máx. a mostrar inicial: 1 - Banner sector 4 - Home Banner doble derecha (Desktop)Código:
home-banner-sector4-doble2· Máx. a mostrar inicial: 1 - Banner sector 4 - Home Banner (Mobile)Código:
home-banner-sector4-mobile· Máx. a mostrar inicial: 5 - Banner Relacionados MobileCódigo:
banner-relacionados-mobile· Máx. a mostrar inicial: 1
500 px de ancho
Alto libre
Ver sectores
- Banner sector 1 - Home Banner triple (Desktop)Código:
home-banner-sector1-triple· Máx. a mostrar inicial: 3 - Banner sector 2 - Home Banner triple (Desktop)Código:
home-banner-sector2-triple· Máx. a mostrar inicial: 3 - Banner sector 3 - Home Banner triple (Desktop)Código:
home-banner-sector3-triple· Máx. a mostrar inicial: 3 - Banner sector 4 - Home Banner triple (Desktop)Código:
home-banner-sector4-triple· Máx. a mostrar inicial: 3 - Banner izquierda RelacionadosCódigo:
banner-relacionados· Máx. a mostrar inicial: 1
400 px de ancho
Alto libre
Ver sectores
- Home Pop UpCódigo:
popup-home-newsletter· Máx. a mostrar inicial: 1 - Redes SocialesCódigo:
socials· Máx. a mostrar inicial: 1 - Footer Datos EmpresaCódigo:
footer-datos· Máx. a mostrar inicial: 1 - Footer LoguitosCódigo:
footer-sellos· Máx. a mostrar inicial: 1 - Footer AFIPCódigo:
footer-afip· Máx. a mostrar inicial: 1 - Footer WhatsApp flotanteCódigo:
footer-whatsapp· Máx. a mostrar inicial: 1 - Contenidos - izquierdaCódigo:
content-left-400· Máx. a mostrar inicial: 6 - Contenidos - mapaCódigo:
content-map· Máx. a mostrar inicial: 1
250 px de ancho
Alto libre
Ver sectores
- Banners SlidersCódigo:
home-categories· Máx. a mostrar inicial: 10 - Error404 textoCódigo:
BIT-error404-texto· Máx. a mostrar inicial: 1 - FAQ titulo 1Código:
BIT-FAQ-titulo-1· Máx. a mostrar inicial: 1 - FAQ titulo 2Código:
BIT-FAQ-titulo-2· Máx. a mostrar inicial: 1 - FAQ titulo 3Código:
BIT-FAQ-titulo-3· Máx. a mostrar inicial: 1 - FAQ texto 1Código:
BIT-FAQ-texto-1· Máx. a mostrar inicial: 1 - FAQ texto 2Código:
BIT-FAQ-texto-2· Máx. a mostrar inicial: 1 - FAQ texto 3Código:
BIT-FAQ-texto-3· Máx. a mostrar inicial: 1
100 px de ancho
Alto libre
Ver sectores
- Carrito - Checkout - GoCuotas - TextoCódigo:
Cart-Checkout-GoCuotas-Text· Máx. a mostrar inicial: 1 - Categoría Carousel FiltrosCódigo:
category-filters· Máx. a mostrar inicial: 15
Sin ancho en px
Ancho configurado: 1
Ver sectores
- Banner HTML cross-site para promos o destacadoCódigo:
allsite· Máx. a mostrar inicial: 1 - Banner HTML cross-site bajo headerCódigo:
allsite2· Máx. a mostrar inicial: 1 - Banner Menu Buscador PredictivoCódigo:
home-search-popular· Máx. a mostrar inicial: 1 - Destacado con reloj en HomeCódigo:
home-destacado-reloj· Máx. a mostrar inicial: 1 - Producto - HTML PagoCódigo:
product-pago· Máx. a mostrar inicial: 1 - Producto - Banner HTML Info izquierdaCódigo:
product-envios· Máx. a mostrar inicial: 1 - Producto - Banner HTML Info derechaCódigo:
product-envio2· Máx. a mostrar inicial: 1 - Producto - Banner Carbon NeutralCódigo:
banner-carbon-pdp· Máx. a mostrar inicial: 1 - Producto - Mejores Promociones - Banner sector Best PromotionCódigo:
product-best-promotion· Máx. a mostrar inicial: 1 - MiniCart - Banner Carbon NeutralCódigo:
banner-carbon-mc· Máx. a mostrar inicial: 1 - Header - Banner Carbon NeutralCódigo:
banner-carbon-header· Máx. a mostrar inicial: 1 - Carrito - Huella Carbono Cart IndexCódigo:
huella-carbono-Cart· Máx. a mostrar inicial: 1 - Carrito - Huella Carbono Cart ResumenCódigo:
huella-carbono-Cart-Resumen· Máx. a mostrar inicial: 1 - Carrito - Huella Carbono Cart EnvioCódigo:
huella-carbono-Cart-Envio· Máx. a mostrar inicial: 1 - Carrito - Huella Carbono Compra ExitosaCódigo:
huella-carbono-ProcessOrder· Máx. a mostrar inicial: 1 - Banner Header KeywordsCódigo:
BIT-keywords-banner· Máx. a mostrar inicial: 1
Confirmar en pantalla
Al elegir la Ubicacion en Nuevo Banner, el campo Ancho muestra la medida que exige el sistema. Si difiere de esta guía, vale el valor de pantalla.
Sectores sin ancho en píxeles
Las ubicaciones con ancho 1 no tienen una medida en píxeles. Una imagen tendría que medir exactamente 1 px de ancho para cargarse, por lo que en ellas corresponde usar banners de tipo HTML.