Crear mi primera campaña
Guía

Los tamaños de banner, explicados

Qué significa cada medida, cuáles conviene producir primero y cómo llevar una misma idea a muchos formatos.

[Autor][fecha]4 min de lectura
En resumen. Lograrás: elegir qué tamaños IAB producir primero y adaptar una misma idea a todos. Necesitas: saber en qué sitios o plataformas se publicará la campaña. Es para: quien planifica, diseña o pide banners.

Un banner se mide en píxeles, ancho por alto: 300×250 es un banner de 300 píxeles de ancho y 250 de alto. Los tamaños que usan casi todas las plataformas se llaman tamaños IAB porque esa asociación los publicó como estándar. Conocerlos te ahorra pedir piezas que nadie puede publicar.

Por qué hay tantos tamaños

Cada tamaño encaja en un tipo de espacio distinto: una barra superior ancha, una columna lateral alta, un rectángulo dentro del texto, una franja fija en el móvil. Quien compra el espacio elige los tamaños según dónde quiere aparecer, así que una campaña casi nunca usa solo uno.

Los 14 tamaños estándar

TamañoNombre IABFormaUso habitual
300×250Medium RectangleRectánguloDentro del contenido y en barras laterales
336×280Large RectangleRectánguloDentro del contenido, un poco más grande
728×90LeaderboardHorizontalParte superior de la página en escritorio
970×90Large LeaderboardHorizontalParte superior, a lo ancho
970×250BillboardHorizontalParte superior, de gran impacto
468×60Full BannerHorizontalFormato clásico, menos habitual hoy
160×600Wide SkyscraperVerticalColumnas laterales
120×600SkyscraperVerticalColumnas laterales estrechas
300×600Half PageVerticalColumnas laterales, de gran impacto
320×50Mobile LeaderboardHorizontalFranja fija en el móvil
320×100Large Mobile BannerHorizontalFranja fija en el móvil, más alta
250×250SquareCuadradoDentro del contenido y barras laterales
200×200Small SquareCuadradoEspacios pequeños
580×400NetboardRectánguloDentro del contenido, formato grande
Tamaños IAB habituales. Las columnas «Forma» y «Uso habitual» son orientativas: cada sitio decide qué espacios ofrece.

En BannerMotion puedes elegir estos 14 tamaños (u otro propio, escrito como 300x250) y un concepto admite hasta 12 tamaños en total.

Cuáles producir primero

Si tienes que empezar por algún sitio, una selección razonable es 300×250, 728×90, 160×600 y 320×50: un rectángulo, una barra horizontal, una columna vertical y una franja móvil. Con esos cuatro cubres los cuatro tipos de espacio más comunes. Es también la selección que BannerMotion deja marcada al crear un banner nuevo.

Después, amplía según la compra de medios: si hay presupuesto para formatos grandes, suma 300×600 y 970×250; si el tráfico es sobre todo móvil, 320×100.

Una idea, muchos formatos

Escalar un diseño no es lo mismo que adaptarlo. Si estiras un banner de 300×250 hasta 728×90, el titular queda diminuto y sobra espacio. Adaptar es volver a decidir qué va dónde: en una barra horizontal, la imagen suele ir a un lado y el botón a la derecha; en una columna vertical, todo se apila.

  1. Empieza por el tamaño más difícil (normalmente el más pequeño o el más extremo): si ahí cabe el mensaje, en los demás también.
  2. Mantén los mismos elementos en todos los tamaños: logo, titular, botón.
  3. Reordénalos para cada forma en lugar de reducirlos todos.
  4. Revisa cada tamaño por separado, con el texto más largo de tu idioma más largo.
En BannerMotion. La IA adapta el concepto a cada tamaño nuevo y lo revisa en un navegador; agregar un tamaño a un concepto ya hecho cuesta 3 créditos con Sonnet 5.5 por tamaño nuevo, más 1 por cada 4 tamaños que ya tiene (un tamaño nuevo en un banner de 6: 3 créditos con Haiku 5.5, 5 con Sonnet 5.5, 10 con Opus 5.5 y 25 con Fable 5.1). Generar un concepto desde cero cuesta desde 10 créditos con Sonnet 5.5, el modelo predeterminado (1 tamaño, 1 idioma), y sube con los tamaños y los idiomas: 16 créditos con 5 tamaños.

Texto y botón en tamaños pequeños

En 320×50 o 468×60 casi no hay espacio: un titular corto, el logo y un botón. Reglas sencillas: un solo mensaje por banner, texto que se lea sin esforzarse a tamaño real, y un botón con área suficiente para tocarse en el móvil. Si no cabe, el problema suele ser el mensaje (demasiado largo), no el tamaño.

Peso por tamaño

Cada pieza tiene su propio límite de peso. Los tamaños grandes (970×250, 300×600) tienden a pesar más porque llevan imágenes más grandes, y en pantallas retina el peso se duplica si usas imágenes al doble de resolución. Mide cada .zip por separado, no el conjunto.

Más allá del banner estándar

Además de los tamaños fijos existen formatos que se comportan distinto. El rich media incluye anuncios con interacción o video; los expandibles crecen sobre la página cuando alguien interactúa; los intersticiales ocupan toda la pantalla entre dos contenidos. Requieren compatibilidad del sitio y de la plataforma, suelen pesar más y tienen sus propias reglas: confírmalas antes de producirlos.

Verificado el: [fecha pendiente]. Los tamaños de la tabla son los publicados por el IAB; los nombres en inglés son los oficiales.

[Nombre del autor][Rol y una frase sobre la persona.]

Términos de esta guía

IABPeso del bannerRetinaRich mediaExpandibleIntersticial

Siguiente lectura

GuíaCómo preparar un banner HTML5 para el ad serverLeerRecursoTamaños de banner: una página por formatoLeerTutorialAgregar tamañosLeer

BannerMotion exporta cada pieza con su clickTag y el peso validado.

Pruébalo con una campaña real.

Crear mi primera campañaVer precios