La primera referencia para definir el tamaño de los banners es ver los tamaños que actualmente funcionan en el THEME elegido. Siendo una estructura responsiva, el tamaño de los elementos dependerá del tamaño y resolución de pantalla del dispositivo.
Recomendado: Si se van a insertar banners de imágen usando Adserver Troop, siempre optar por la opción DIFERENCIADA DESKTOP/MOBILE que permite cargar un tamaño de banner optimizado para resoluciones de escritorio/tablet apaizada y otro para resoluciones de smartphone.
Dentro de las proporciones recomendadas para el theme, también puede ser útil tener en cuenta los tamaños comunes en display de Google Ads: https://support.google.com/google-ads/answer/7031480?hl=es-419&ref_topic=3121943
Las siguientes opciones se ven bien solo en Desktop, por lo que requieren subir una versión de tamaño direrente para Mobile:
Banner desktop wide: 970x90 px
Banner desktop wide alto: 970x250 px
Banner desktop zócalo: 940x80 px
Banner desktop popup (splash screen): 900x450px
Banner desktop contenedor 50%: 480x300 px
Banner desktop contenedor 33%: 420x265 px
Banner desktop lateral grande: 300x600 px
Las siguientes opciones se ven bien tanto en Dektop como Mobile:
Banner desktop lateral mediano: 300x430 px
Banner desktop cuadrado: 300x300 px
Banner desktop contenedor 25%: 300x250 px
Banner desktop contenedor 25% simple 2: 300x200 px
Banner desktop pequeño: 300x100px
Banner mobile popup (splash screen): 380x450px
Banner mobile wide: 320x50 px
Banner mobile zócalo: 320x50 px ó 320x100 px
Banner mobile cuadrado: 300x300 px
Banner mobile grande: 300x430 px
Banner mobile standard: 300x250 px
Banner mobile mediano: 300x200 px
Banner mobile pequeño: 300x100 px
El tamaño del archivo de imagen del banner no debe superar los 150 kb. Tengamos en cuenta que por ejemplo en una página con 7 banners que pesen 150kb, la carga inicial de la página requerira descargar solo 1050 kb en anuncios, es por esto que cuánto más livianos sean nuestros archivos de banners mejor.
En el caso de que necesiten redimensionar banners animados, existen herramientas online gratuitas como https://ezgif.com/resize
SUBIR LAS IMÁGENES DE LOS BANNERS EN WEBP:
En un esfuerzo por optimizar la experiencia del usuario y cumplir con los estándares de Core Web Vitals, se recomienda encarecidamente utilizar el formato de imagen WEB.
El formato WEBP ofrece una compresión más eficiente sin comprometer la calidad visual. Esto se traduce en tamaños de archivo más pequeños, reduciendo significativamente los tiempos de carga de la página. La carga rápida no solo mejora la retención de usuarios, sino que también es un factor esencial para el rendimiento según las métricas de Core Web Vitals.
Google y otros motores de búsqueda valoran la rapidez y eficiencia de carga, considerándolas como indicadores clave para clasificar los resultados de búsqueda. Al adoptar imágenes WEBP, no solo estás mejorando la velocidad de tu sitio, sino también cumpliendo con las directrices de optimización de Google, lo que puede traducirse en una mejor clasificación y visibilidad en los resultados de búsqueda.
Existen herramientas ONLINE para convertir imagenes a Webp:
https://convertio.co/es/png-webp/
https://ezgif.com/gif-to-webp ► Para convertir GIF animados a WEBP.