{"id":82,"date":"2016-07-28T13:18:00","date_gmt":"2016-07-28T13:18:00","guid":{"rendered":"https:\/\/blog.pcc.web.id\/?p=82"},"modified":"2019-12-27T21:17:20","modified_gmt":"2019-12-27T14:17:20","slug":"recognize-the-standard-size-of-banner-ads-on-websites","status":"publish","type":"post","link":"https:\/\/agusarmanto.com\/en\/recognize-the-standard-size-of-banner-ads-on-websites","title":{"rendered":"Get to know the Standard Size of Banner Ads on the Website"},"content":{"rendered":"<div style=\"clear: both;text-align: center\"><a href=\"https:\/\/2.bp.blogspot.com\/-JtIC09uybLA\/V5oFRU8DzRI\/AAAAAAAAOLs\/c82KTeq-mW4KS-jBjxDZ5cqaIcBQDUCiACEw\/s1600\/ukuran_banner_Iklan.jpg\" style=\"clear: left;float: left;margin-bottom: 1em;margin-right: 1em\"><img alt='ukuran_banner_iklan-6203221' border=\"0\" src='https:\/\/agusarmanto.com\/wp-content\/uploads\/2016\/07\/ukuran_banner_Iklan-6203221.jpg' \/><\/a><\/div>\n<div style=\"text-align: justify\">If you are a web designer or web publisher, you are certainly familiar with banner ads. Advertising on the website is currently an effective means of advertising. In an era where the internet is a necessity for everyone, choosing an advertising model on the website is a promising alternative. Apart from being a means of marketing and promotion for advertisers, advertising is also a means of earning income for website owners. Many large websites are supported and earn tremendous income from advertising on the website. One of the biggest examples is Facebook, Mark Zuckerberg as the founder of Facebook managed to become one of the richest people in the world from advertising income on the site he created.<\/div>\n<p><a name='more'><\/a><br \/><!-- PCC Blog 336 Artikel --><ins data-ad-client=\"ca-pub-9887431285046003\" data-ad-slot=\"6068994545\" style=\"height: 280px;width: 336px\"><\/ins><\/p>\n<div style=\"clear: both;text-align: justify\"><\/div>\n<div style=\"clear: both;text-align: justify\">There are various sizes for banner ads on websites. As someone who is engaged in the field of web designers or advertising, it never hurts to know the size of advertisements that have been standardized. With the standardization of ad sizes, it will make it easier for ad content creators to design their ad displays. The standardization of the size of this ad banner was created by the IAB, Interactive Advertising Bureau or abbreviated as IAB is an advertising business organization that develops industry standards, conducts research, and provides legal support for the online advertising industry. This organization represents a large number of the most prominent media outlets globally, but mostly in the United States and in Europe.<\/div>\n<h3 style=\"clear: both;text-align: justify\">Banner Ad Size Standard Table<\/h3>\n<table style=\"background-color: #f9f9f9;border-collapse: collapse;color: black;font-family: sans-serif;font-size: 14px;line-height: 22.4px;margin: 1em 0px\">\n<caption align=\"bottom\" style=\"caption-side: bottom;font-weight: bold\">The bolded sizes are part of the IAB's Universal Ad Package.<\/caption>\n<tbody>\n<tr>\n<th style=\"background-color: #f2f2f2;padding: 0.2em 0.4em;text-align: center\">Name<\/th>\n<th style=\"background-color: #f2f2f2;padding: 0.2em 0.4em;text-align: center\">Width.&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Pixels\" style=\"background: none;color: #0b0080;text-decoration: none\" title=\"Pixels\">px<\/a><\/th>\n<th style=\"background-color: #f2f2f2;padding: 0.2em 0.4em;text-align: center\">Height.&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Pixels\" style=\"background: none;color: #0b0080;text-decoration: none\" title=\"Pixels\">px<\/a><\/th>\n<th style=\"background-color: #f2f2f2;padding: 0.2em 0.4em;text-align: center\"><a href=\"https:\/\/en.wikipedia.org\/wiki\/Aspect_ratio\" style=\"background: none;color: #0b0080;text-decoration: none\" title=\"Aspect ratio\">A<\/a>Spec Ratio<\/th>\n<\/tr>\n<tr>\n<th colspan=\"4\" style=\"background-color: #f2f2f2;padding: 0.2em 0.4em;text-align: center\">Rectangles and Pop-Ups<\/th>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\"><b>Medium Rectangle<\/b><\/td>\n<td style=\"padding: 0.2em 0.4em\">300<\/td>\n<td style=\"padding: 0.2em 0.4em\">250<\/td>\n<td style=\"padding: 0.2em 0.4em\">1.2<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Square Pop-Up<\/td>\n<td style=\"padding: 0.2em 0.4em\">250<\/td>\n<td style=\"padding: 0.2em 0.4em\">250<\/td>\n<td style=\"padding: 0.2em 0.4em\">1<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Vertical Rectangle<\/td>\n<td style=\"padding: 0.2em 0.4em\">240<\/td>\n<td style=\"padding: 0.2em 0.4em\">400<\/td>\n<td style=\"padding: 0.2em 0.4em\">0.6<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Large Rectangle<\/td>\n<td style=\"padding: 0.2em 0.4em\">336<\/td>\n<td style=\"padding: 0.2em 0.4em\">280<\/td>\n<td style=\"padding: 0.2em 0.4em\">1.2<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\"><b>Rectangle<\/b><\/td>\n<td style=\"padding: 0.2em 0.4em\">180<\/td>\n<td style=\"padding: 0.2em 0.4em\">150<\/td>\n<td style=\"padding: 0.2em 0.4em\">1.2<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">3:1 Rectangle<\/td>\n<td style=\"padding: 0.2em 0.4em\">300<\/td>\n<td style=\"padding: 0.2em 0.4em\">100<\/td>\n<td style=\"padding: 0.2em 0.4em\">3<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Pop-Under<\/td>\n<td style=\"padding: 0.2em 0.4em\">720<\/td>\n<td style=\"padding: 0.2em 0.4em\">300<\/td>\n<td style=\"padding: 0.2em 0.4em\">2.4<\/td>\n<\/tr>\n<tr>\n<th colspan=\"4\" style=\"background-color: #f2f2f2;padding: 0.2em 0.4em;text-align: center\">Banners and Buttons<\/th>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Full banner<\/td>\n<td style=\"padding: 0.2em 0.4em\">468<\/td>\n<td style=\"padding: 0.2em 0.4em\">60<\/td>\n<td style=\"padding: 0.2em 0.4em\">7.8<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Half banner<\/td>\n<td style=\"padding: 0.2em 0.4em\">234<\/td>\n<td style=\"padding: 0.2em 0.4em\">60<\/td>\n<td style=\"padding: 0.2em 0.4em\">3.9<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Micro bar<\/td>\n<td style=\"padding: 0.2em 0.4em\">88<\/td>\n<td style=\"padding: 0.2em 0.4em\">31<\/td>\n<td style=\"padding: 0.2em 0.4em\">2.84<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Button 1<\/td>\n<td style=\"padding: 0.2em 0.4em\">120<\/td>\n<td style=\"padding: 0.2em 0.4em\">90<\/td>\n<td style=\"padding: 0.2em 0.4em\">1.33<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Button 2<\/td>\n<td style=\"padding: 0.2em 0.4em\">120<\/td>\n<td style=\"padding: 0.2em 0.4em\">60<\/td>\n<td style=\"padding: 0.2em 0.4em\">2<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Vertical banner<\/td>\n<td style=\"padding: 0.2em 0.4em\">120<\/td>\n<td style=\"padding: 0.2em 0.4em\">240<\/td>\n<td style=\"padding: 0.2em 0.4em\">0.5<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Square button<\/td>\n<td style=\"padding: 0.2em 0.4em\">125<\/td>\n<td style=\"padding: 0.2em 0.4em\">125<\/td>\n<td style=\"padding: 0.2em 0.4em\">1<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\"><span><\/span><b>Leaderboard<\/b><\/td>\n<td style=\"padding: 0.2em 0.4em\">728<\/td>\n<td style=\"padding: 0.2em 0.4em\">90<\/td>\n<td style=\"padding: 0.2em 0.4em\">8.09<\/td>\n<\/tr>\n<tr>\n<th colspan=\"4\" style=\"background-color: #f2f2f2;padding: 0.2em 0.4em;text-align: center\">Skyscrapers<\/th>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\"><b>Wide skyscraper<\/b><\/td>\n<td style=\"padding: 0.2em 0.4em\">160<\/td>\n<td style=\"padding: 0.2em 0.4em\">600<\/td>\n<td style=\"padding: 0.2em 0.4em\">3.75<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Skyscraper<\/td>\n<td style=\"padding: 0.2em 0.4em\">120<\/td>\n<td style=\"padding: 0.2em 0.4em\">600<\/td>\n<td style=\"padding: 0.2em 0.4em\">5<\/td>\n<\/tr>\n<tr>\n<td style=\"padding: 0.2em 0.4em\">Half page ad<\/td>\n<td style=\"padding: 0.2em 0.4em\">300<\/td>\n<td style=\"padding: 0.2em 0.4em\">600<\/td>\n<td style=\"padding: 0.2em 0.4em\">2<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3><\/p>\n<div style=\"text-align: center\">Illustration of Standard Ad Banner Size<\/div>\n<\/h3>\n<p><a href=\"https:\/\/4.bp.blogspot.com\/-10nSrv0s5y0\/V5n-LJeY1pI\/AAAAAAAAOLY\/aKVcCvhBViM2vtfDVkBXeZhCnGiBh8WbQCLcB\/s1600\/standar_ukuran_banner_iklan.png\" style=\"margin-left: 1em;margin-right: 1em;text-align: center\"><img alt='standar_ukuran_banner_iklan-9973848' border=\"0\" src='https:\/\/agusarmanto.com\/wp-content\/uploads\/2016\/07\/standar_ukuran_banner_iklan-9973848.png' \/><\/a><\/p>\n<div style=\"text-align: justify\">That's a glimpse of the introduction of banner ad sizes on the website. By knowing this standardization, it is hoped that it will make it easier for us to design advertising displays that will be applied to the world of website advertising.&nbsp;<\/div>\n<p><i><br \/><\/i><i>Reference : https:\/\/en.wikipedia.org\/wiki\/Web_banner#Standard_sizes<\/i><\/p>","protected":false},"excerpt":{"rendered":"<p>If you are a web designer or web publisher, you are certainly familiar with banner ads. Ads on the website are currently becoming<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-82","post","type-post","status-publish","format-standard","hentry","category-blogger"],"magazineBlocksPostFeaturedMedia":{"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"colormag-highlighted-post":false,"colormag-featured-post-medium":false,"colormag-featured-post-small":false,"colormag-featured-image":false,"colormag-default-news":false,"colormag-featured-image-large":false,"colormag-elementor-block-extra-large-thumbnail":false,"colormag-elementor-grid-large-thumbnail":false,"colormag-elementor-grid-small-thumbnail":false,"colormag-elementor-grid-medium-large-thumbnail":false},"magazineBlocksPostAuthor":{"name":"armant","avatar":"https:\/\/secure.gravatar.com\/avatar\/55e5a6dcbb4c3a5e6c85f92f09de4fdbbf64d6340a0b4784c64e88a53efee836?s=96&d=mm&r=g"},"magazineBlocksPostCommentsNumber":"0","magazineBlocksPostExcerpt":"Bagi anda seorang web desainer atau web Publisher tentu tidak asing dengan banner iklan. Iklan pada website saat ini menjadi","magazineBlocksPostCategories":["Blogger"],"magazineBlocksPostViewCount":3823,"magazineBlocksPostReadTime":2,"magazine_blocks_featured_image_url":{"full":false,"medium":false,"thumbnail":false},"magazine_blocks_author":{"display_name":"armant","author_link":"https:\/\/agusarmanto.com\/en\/author\/armant"},"magazine_blocks_comment":2,"magazine_blocks_author_image":"https:\/\/secure.gravatar.com\/avatar\/55e5a6dcbb4c3a5e6c85f92f09de4fdbbf64d6340a0b4784c64e88a53efee836?s=96&d=mm&r=g","magazine_blocks_category":"<a href=\"#\" class=\"category-link category-link-3\">Blogger<\/a>","yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Mengenal Standar Ukuran Banner Iklan pada Website - Agus Armanto<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/agusarmanto.com\/en\/recognize-the-standard-size-of-banner-ads-on-websites\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mengenal Standar Ukuran Banner Iklan pada Website\" \/>\n<meta property=\"og:description\" content=\"Bagi anda seorang web desainer atau web Publisher tentu tidak asing dengan banner iklan. Iklan pada website saat ini menjadi\" \/>\n<meta property=\"og:url\" content=\"https:\/\/agusarmanto.com\/en\/recognize-the-standard-size-of-banner-ads-on-websites\" \/>\n<meta property=\"og:site_name\" content=\"Agus Armanto\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-28T13:18:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-12-27T14:17:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/agusarmanto.com\/wp-content\/uploads\/2016\/07\/ukuran_banner_Iklan-6203221.jpg\" \/>\n<meta name=\"author\" content=\"armant\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"armant\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Knowing the Standard Size of Banner Ads on the Website - Agus Armanto","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/agusarmanto.com\/en\/recognize-the-standard-size-of-banner-ads-on-websites","og_locale":"en_US","og_type":"article","og_title":"Mengenal Standar Ukuran Banner Iklan pada Website","og_description":"Bagi anda seorang web desainer atau web Publisher tentu tidak asing dengan banner iklan. Iklan pada website saat ini menjadi","og_url":"https:\/\/agusarmanto.com\/en\/recognize-the-standard-size-of-banner-ads-on-websites","og_site_name":"Agus Armanto","article_published_time":"2016-07-28T13:18:00+00:00","article_modified_time":"2019-12-27T14:17:20+00:00","og_image":[{"url":"https:\/\/agusarmanto.com\/wp-content\/uploads\/2016\/07\/ukuran_banner_Iklan-6203221.jpg","type":"","width":"","height":""}],"author":"armant","twitter_card":"summary_large_image","twitter_misc":{"Written by":"armant","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website#article","isPartOf":{"@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website"},"author":{"name":"armant","@id":"https:\/\/agusarmanto.com\/#\/schema\/person\/5d92cda20538fdf49269fd2517bd9269"},"headline":"Mengenal Standar Ukuran Banner Iklan pada Website","datePublished":"2016-07-28T13:18:00+00:00","dateModified":"2019-12-27T14:17:20+00:00","mainEntityOfPage":{"@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website"},"wordCount":320,"commentCount":0,"image":{"@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website#primaryimage"},"thumbnailUrl":"https:\/\/agusarmanto.com\/wp-content\/uploads\/2016\/07\/ukuran_banner_Iklan-6203221.jpg","articleSection":["Blogger"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website#respond"]}]},{"@type":"WebPage","@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website","url":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website","name":"Knowing the Standard Size of Banner Ads on the Website - Agus Armanto","isPartOf":{"@id":"https:\/\/agusarmanto.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website#primaryimage"},"image":{"@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website#primaryimage"},"thumbnailUrl":"https:\/\/agusarmanto.com\/wp-content\/uploads\/2016\/07\/ukuran_banner_Iklan-6203221.jpg","datePublished":"2016-07-28T13:18:00+00:00","dateModified":"2019-12-27T14:17:20+00:00","author":{"@id":"https:\/\/agusarmanto.com\/#\/schema\/person\/5d92cda20538fdf49269fd2517bd9269"},"breadcrumb":{"@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website#primaryimage","url":"https:\/\/agusarmanto.com\/wp-content\/uploads\/2016\/07\/ukuran_banner_Iklan-6203221.jpg","contentUrl":"https:\/\/agusarmanto.com\/wp-content\/uploads\/2016\/07\/ukuran_banner_Iklan-6203221.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/agusarmanto.com\/mengenal-standar-ukuran-banner-iklan-pada-website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/agusarmanto.com\/"},{"@type":"ListItem","position":2,"name":"Mengenal Standar Ukuran Banner Iklan pada Website"}]},{"@type":"WebSite","@id":"https:\/\/agusarmanto.com\/#website","url":"https:\/\/agusarmanto.com\/","name":"Agus Armanto","description":"Technology Insights, Visual Inspiration, Travel, Sports, Modern Lifestyle.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/agusarmanto.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/agusarmanto.com\/#\/schema\/person\/5d92cda20538fdf49269fd2517bd9269","name":"armant","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/55e5a6dcbb4c3a5e6c85f92f09de4fdbbf64d6340a0b4784c64e88a53efee836?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/55e5a6dcbb4c3a5e6c85f92f09de4fdbbf64d6340a0b4784c64e88a53efee836?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/55e5a6dcbb4c3a5e6c85f92f09de4fdbbf64d6340a0b4784c64e88a53efee836?s=96&d=mm&r=g","caption":"armant"},"url":"https:\/\/agusarmanto.com\/en\/author\/armant"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/posts\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":1,"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/posts\/82\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/posts\/82\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/media?parent=82"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/categories?post=82"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agusarmanto.com\/en\/wp-json\/wp\/v2\/tags?post=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}