- source: http://matthewjamestaylor.com/blog/responsive-banner-ads
- To maintain BACKWARDS COMPATIBILITY, responsive ads should use PX HEIGHT = TRADITIONAL BANNER SIZES. We could in theory create responsive banners that work with any width or height but that's not practical to build or test. I suggest we stick to a minimum width of 88 pixels and have the following set of standard heights:
- 31px "micro"
- micro bar (88 x 31)
- 60px "button"
- button 2 (120 x 60)
- half banner (234 x 60)
- full banner (468 x 60)
- 90px "banner"
- button 1 (120 x 90)
- leaderboard (728 x 90)
- 125px "small rectangle"
- square button (125 x 125)
- 250px "medium rectangle"
- vertical banner (120 x 240* Close enough!)
- square pop-up (250 x 250)
- medium rectangle (300 x 250)
- 400px "large rectangle"
- vertical rectangle (240 x 400)
- 600px "skyscraper"
- skyscraper (120 x 600)
- wide skyscraper (240 x 600)
- half-page ad (300 x 600)
- 31px "micro"
- Responsive Ads Benefits:
- 7 heights <- from conventional 14 banner sizes
- < 25 kb
- Check ad responsiveness http://matthewjamestaylor.com/responsive-ad-checker
- Recording banner sizes in META tags
- Responsive ads can be made to support any number of sizes but rather than trawl through the CSS to discover what heights are supported I suggest we record them in a META tag. Here's an example:
- <meta
- name="displayheight"
- content="31, 60, 90, 125, 250, 400, 600" />
- Responsive ads can be made to support any number of sizes but rather than trawl through the CSS to discover what heights are supported I suggest we record them in a META tag. Here's an example:
jun 11 2013 ∞
aug 20 2013 +
aug 20 2013 +