Qué tamaños de banner usar
Si solo vas a reservar unos pocos huecos, con estos cubres casi todo: 300 × 250 (Medium Rectangle) dentro del contenido, 728 × 90 (Leaderboard) en la cabecera de escritorio, 300 × 600 (Half Page) en la barra lateral y 320 × 100 o 320 × 50 en móvil. Son los que más anunciantes compran, así que se llenan antes y pagan mejor.
El 300 × 250 es el comodín: cabe en escritorio y en móvil, entre párrafos o en la barra lateral. Si dudas, empieza por él.
Bloques adaptables de AdSense
AdSense recomienda hoy los bloques responsive, que eligen el tamaño según el hueco disponible. Aun así, el
hueco lo diseñas tú: reserva el alto con CSS para que la página no salte cuando carga el anuncio (es lo que mide el
CLS de Core Web Vitals). Un min-height con el tamaño más
probable es suficiente:
.anuncio-lateral { min-height: 600px; } /* 300 × 600 */
.anuncio-contenido { min-height: 280px; } /* 336 × 280 o 300 × 250 */Cómo maquetar los huecos con placeholders
Cada URL de las tablas devuelve una imagen del tamaño exacto. Ponla en el hueco mientras diseñas y verás cómo queda la página con el anuncio, sin depender de que AdSense sirva algo en desarrollo:
<img src="https://ximg.es/mediumrectangle" width="300" height="250" alt="Anuncio">
<img src="https://ximg.es/leaderboard/f1f5f9/64748b.png?text=Publicidad" width="728" height="90" alt="">
Los alias (/leaderboard, /medrec, /halfpage…) aceptan los mismos colores, formato
y texto que cualquier otra imagen del generador.
Dos alias con un tamaño que no es el de su nombre
ximg.es hereda los alias de DummyImage y no los cambia, porque hay miles de páginas que los usan. Dos de ellos devuelven
un tamaño distinto del que indica su nombre: /wideskyscraper da 60 × 600 (el Wide Skyscraper de la IAB mide
160 × 600; para ese usa /skyscraper160) y /svga da 1024 × 600 (SVGA es 800 × 600; usa
/svga800). Las tablas muestran lo que devuelve cada alias, no lo que promete.