{"id":5267,"date":"2010-01-07T06:39:44","date_gmt":"2010-01-07T13:39:44","guid":{"rendered":"http:\/\/css-tricks.com\/?p=5267"},"modified":"2010-01-07T06:39:44","modified_gmt":"2010-01-07T13:39:44","slug":"ad-sizes","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/ad-sizes\/","title":{"rendered":"Less Ridiculous Standard Ad Sizes"},"content":{"rendered":"

I recently said<\/a> that I thought the current “standard” pixel dimensions for ads are ridiculous. 728×90? 88 x 31? Wha? I have a new idea: ad sizes that make sense.<\/p>\n

\"\"<\/p>\n

Let’s start with a basic building block. 125×125 is very popular, already a current “standard”, and supported by a wide variety of ad networks. So if we start there, and chose a reasonable gutter size (10px), we can build a whole system of ad sizes that make sense.<\/p>\n

\"\"<\/p>\n

<\/p>\n

Using just this block and the 10px gutters we can get a whole bunch of rational sizes:<\/p>\n\n\n\n\n\n\n\n
125×125<\/td>\n260×125<\/td>\n395×125<\/td>\n530×125<\/td>\n665×125<\/td>\n800×125<\/td>\n<\/tr>\n
125×260<\/td>\n260×260<\/td>\n395×260<\/td>\n530×260<\/td>\n665×260<\/td>\n800×260<\/td>\n<\/tr>\n
125×395<\/td>\n260×395<\/td>\n395×395<\/td>\n530×395<\/td>\n665×395<\/td>\n800×395<\/td>\n<\/tr>\n
125×530<\/td>\n260×530<\/td>\n395×530<\/td>\n530×530<\/td>\n665×530<\/td>\n800×530<\/td>\n<\/tr>\n
125×665<\/td>\n260×665<\/td>\n395×665<\/td>\n530×665<\/td>\n665×665<\/td>\n800×665<\/td>\n<\/tr>\n
125×800<\/td>\n260×800<\/td>\n395×800<\/td>\n530×800<\/td>\n665×800<\/td>\n800×800<\/td>\n<\/tr>\n<\/table>\n

Our 125px building block is also divisible by 5, making 25px. <\/p>\n

\"\"<\/p>\n

So, we can substitute and multiple of 25 (e.g. 25px, 50px, 75px, 100px, 200px, etc) for heights as needed. Need more of a button size: how about 125x25px? <\/p>\n

 <\/p>\n

Any thoughts?<\/p>\n

If I were to build a new site that incorporated ad sizes, I’d definitely do this (or something very similar), rather than try to “accommodate” old ridiculous sizes like 728px that have nothing to do with anything. And besides, if an advertiser can’t be troubled to make an ad to a specific and rational size, we probably aren’t going to be a good match anyway.<\/p>\n","protected":false},"excerpt":{"rendered":"

I recently said that I thought the current “standard” pixel dimensions for ads are ridiculous. 728×90? 88 x 31? Wha? I have a new idea: ad sizes that make sense. Let’s start with a basic building block. 125×125 is very popular, already a current “standard”, and supported by a wide variety of ad networks. So […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":[]},"categories":[4],"tags":[],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"","jetpack-related-posts":[],"featured_media_src_url":null,"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/5267"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=5267"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/5267\/revisions"}],"predecessor-version":[{"id":5283,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/5267\/revisions\/5283"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=5267"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=5267"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=5267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}