theme-sticky-logo-alt

Standard web banner size (Updated!)

11 Comments

A while ago, I did an svg with the standard size for web banners. Even if that article is quite complete, with the years, some new banners sizes has been added (not too many, but is worth to remember). Since I know it’s a valuable resource, I leave it here again. All sizes are in px

SV source file can be downloaded at: dropbox.com/tatica/banners.svg

Horizontal web banner size

  • Leaderboard long: 984 x 170
  • Leaderboard medium: 728 x 90
  • Banner full: 468 x  60
  • Banner horizontal: 392 x 72
  • Half horizontal banner: 234 x 60
  • Horizontal rectangle: 300 x 250
  • Button: 120 x 90
  • Half button: 120 x 60
  • Rectangular button: 180 x 150
  • Micro button: 88 x 31

Squared web banner size

  • Squared banner: 250 x 250
  • Half squared banner: 200 x 200
  • Squared button: 125 x 125

Vertical web banner size

  • Skyscraper: 160 x 600
  • Half Skyscraper: 120 x 600
  • Vertical Banner: 120 x 240
  • Vertical rectangle: 250 x 300

Help tatica and donate with paypal!

Previous Post
Add personalized widget areas to your WordPress theme
Next Post
#TvFriday : Defiance & Under the Dome

11 Comments

  • 6 April, 2017 at 13:09

    Son medidas en centímetros, pulgadas o cual es la medida?

    Reply
    • 7 April, 2017 at 9:13

      px. todo en web se maneja en px.

      Reply
  • 16 May, 2016 at 13:27
    sergio

    hola…cuanto puedo cobrar por un banner de 728 x 90 ? gracias

    Reply
  • 4 September, 2015 at 14:26
    Andrea mg

    Hola Tatica queria preguntarte cuales son los costos de cada uno de los banners que tienes aqui, segun las medidas y el formato. Gracias

    Reply
    • 7 September, 2015 at 7:22

      Dices el costo para venderlo?

      Reply
  • 11 May, 2015 at 22:41

    bastante buena la información, yo creo que una medida buena es 728×90, esta medida es bastante clásica

    Reply
  • 14 March, 2015 at 12:18

    Buenas Tardes, tengo un cliente que me especifica unas medidas que son las siguientes: 750 x 126 px, radio de 5px, entiendo el ancho por el alto, lo que no comprendo es el radio, si alguien me pudiera ayudar, muchas gracias.

    Reply
    • 16 March, 2015 at 14:25

      Saludos Gregory; el radio es el borde redondeado. Espero te sea de ayuda.

      Reply
  • 10 October, 2014 at 14:58

    Creo que este enlace te puede dar algo de idea con lo que quieres @echevemaster http://tympanus.net/codrops/2012/01/10/animated-web-banners-with-css3/

    Reply
  • 26 June, 2014 at 14:45

    ¿Cuales de estos corresponderian a diseño responsive?

    Reply
    • 26 June, 2014 at 15:25

      Pues personalmente lo que hago cuando son responsive, es no hacerlos estáticos (png/jpg) sino en HTML5; de esa forma me aseguro de que “siempre” se vean bien porque trabajo en porcentajes.

      Reply

Leave a Reply

15 49.0138 8.38624 1 0 4000 1 https://tatica.org/en 300 0