{"id":17,"date":"2015-08-28T12:00:41","date_gmt":"2015-08-28T12:00:41","guid":{"rendered":"http:\/\/www.stwallskull.com\/portfolio\/?p=17"},"modified":"2020-09-11T17:43:22","modified_gmt":"2020-09-11T17:43:22","slug":"the-40k-challenge","status":"publish","type":"post","link":"https:\/\/www.stwallskull.com\/portfolio\/2015\/08\/28\/the-40k-challenge\/","title":{"rendered":"Banner Bang for the Buck"},"content":{"rendered":"<p>&nbsp;<\/p>\n<div style=\"width: 604px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-17-1\" width=\"604\" height=\"378\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.stwallskull.com\/portfolio\/wp-content\/uploads\/2020\/09\/bunchofbanners.mp4?_=1\" \/><a href=\"https:\/\/www.stwallskull.com\/portfolio\/wp-content\/uploads\/2020\/09\/bunchofbanners.mp4\">https:\/\/www.stwallskull.com\/portfolio\/wp-content\/uploads\/2020\/09\/bunchofbanners.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<p>Pull up a chair, youngsters, and let me tell you about when I started making flash banner ads&#8230; back when there was a 30 kilobyte limit! Yes, you heard me right, you had to fit every bit of banner juice you had into the wee thimble of 30 kilobytes. It eventually crawled up to a fat 40 kilobytes, causing much celebration and unrealistic hailing of a new day&#8230; and there it remained for over a decade.<\/p>\n<p>In these days of supercomputers in your pocket and cars that drive themselves (drive THEMSELVES! Where do you suppose they go?), HTML5 banner ads have largely replaced flash ones, and necessitated vendors re-examining file size&#8230; they seem to be settling around 150k-200K for them. Which is great&#8230; but&#8230;<\/p>\n<p>40 kilobytes was not a lot to work with. But working within limitations can be fun. Here are some examples where I felt I won the 40k challenge in a big way, stuffing these suckers&#8217; little kilobytes to bursting like a goddamn Thanksgiving turkey.<\/p>\n<p>Flash is going the way of the dinosaur in a little while here, so I&#8217;ve converted them to video&#8230; and now they are no longer clocking in at those teeny little file sizes. They don&#8217;t look as good as they used to, either, lacking Flash&#8217;s vector crispness. Progress!<\/p>\n<p>I assure you, this stuff was pretty impressive back in the day. I guess you had to be there.<\/p>\n<p><a href=\"https:\/\/stwallskull.com\/portfolio\/portfolio_content\/interactive\/banners_mp4\/target\/banner_target_weeklyad01_mp4.html\" target=\"_blank\" rel=\"noopener noreferrer\">Target Weekly Ad<\/a><br \/>\n<a href=\"https:\/\/stwallskull.com\/portfolio\/portfolio_content\/interactive\/banners_mp4\/target\/banner_target_quakerchewy_mp4.html\" target=\"_blank\" rel=\"noopener noreferrer\">Target Quaker Oats Star Search<\/a><br \/>\n<a href=\"https:\/\/stwallskull.com\/portfolio\/portfolio_content\/interactive\/banners_mp4\/target\/banner_target_friskies01_mp4.html\" target=\"_blank\" rel=\"noopener noreferrer\">Target Purina Friskies<\/a><br \/>\n<a href=\"https:\/\/stwallskull.com\/portfolio\/portfolio_content\/interactive\/banners_mp4\/target\/banner_target_friskies02_mp4.html\" target=\"_blank\" rel=\"noopener noreferrer\">Target Purina Friskies 2<\/a><br \/>\n<a href=\"https:\/\/stwallskull.com\/portfolio\/portfolio_content\/interactive\/banners_mp4\/target\/banner_target_turbo_mp4.html\" target=\"_blank\" rel=\"noopener noreferrer\">Target Turbo<\/a><br \/>\n<a href=\"https:\/\/stwallskull.com\/portfolio\/portfolio_content\/interactive\/banners_mp4\/target\/banner_target_videogames_mp4.html\" target=\"_blank\" rel=\"noopener noreferrer\">Target Videogames<\/a><br \/>\n<a href=\"https:\/\/stwallskull.com\/portfolio\/portfolio_content\/interactive\/banners_mp4\/target\/banner_target_pantene_mp4.html\" target=\"_blank\" rel=\"noopener noreferrer\">Target Pantene<\/a><br \/>\n<a href=\"https:\/\/stwallskull.com\/portfolio\/portfolio_content\/interactive\/banners_mp4\/misc\/banner_uvvodka01_mp4.html\" target=\"_blank\" rel=\"noopener noreferrer\">Phillips UV Vodka Banner<\/a><br \/>\n<a href=\"https:\/\/stwallskull.com\/portfolio\/portfolio_content\/interactive\/banners_mp4\/misc\/banner_northwesternmutual01_mp4.html\" target=\"_blank\" rel=\"noopener noreferrer\">Northwestern Mutual Golf Banner<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; &nbsp; Pull up a chair, youngsters, and let me tell you about when I started making flash banner ads&#8230; back when there was a 30 kilobyte limit! Yes, you heard me right, you had to fit every bit of banner juice you had into the wee thimble of 30 kilobytes. It eventually crawled up &hellip; <a href=\"https:\/\/www.stwallskull.com\/portfolio\/2015\/08\/28\/the-40k-challenge\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Banner Bang for the Buck<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[2,6,8,3],"tags":[],"class_list":["post-17","post","type-post","status-publish","format-standard","hentry","category-animation","category-banner-ads","category-development","category-interactive"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6Eyis-h","_links":{"self":[{"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/posts\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":10,"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/posts\/17\/revisions"}],"predecessor-version":[{"id":461,"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/posts\/17\/revisions\/461"}],"wp:attachment":[{"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/media?parent=17"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/categories?post=17"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stwallskull.com\/portfolio\/wp-json\/wp\/v2\/tags?post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}