Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Preview Itsy Banner Online Banner Compression Tool

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hey folks,


My buddy built an online tool for minifying and compressing banner ads. He's been working with large-scale banner campaigns for 20 years and is always looking to "solve problems with code". He showed me Itsy Banner yesterday and it pretty much blew me away. It's still in beta but ready for testing.


He asked me if I knew anyone who could give feedback. I told him I know where all the pros hang out ?

I know some of you have talked about gulp tasks you run and similar tools. Very curious to hear your thoughts on this and whether or not you've seen anything better out there.


I made a very informal video highlighting what it does: 




Please take a few zips of your banners and drop them on http://itsybanner.com/ or just press the demo button to see a bunch of pre-made banners.


Some quick notes:


  • no special coding is required in your banner!
  • you can optionally set up a config.js file for image compression and a bunch of other stuff
  • got some crazy three.js + gsap banners? Throw them at it. Let's see what it can do.


I don't want this to turn into a big Itsy Banner support thread... just looking for some initial feedback to help him get this thing off the ground. 


Hopefully even in beta this thing can end up saving you some time and make your production easier.






  • Like 4
Link to comment
Share on other sites

Kickass! Definitely gonna check this out. 

Link to comment
Share on other sites

Very interesting. Try using a slider to operate the image compression. At first i didn't check that it was a knob. I find a slider way more intuitive. Keep the good work.

  • Like 1
Link to comment
Share on other sites

Didn't work for me. Tried Safari and Chrome, using GSAP-based banners and an Animate CC-based banner. After uploading, I just get a blank screen with the banner title in red. Sometimes "Undefined variable: y_axis" appears, not sure what that is (I searched all of the code in the banner and that's not even in there). I also got "Illegal string ''offset 'images'" on one of the ads I uploaded to test with. Opening the config file that appears just shows curly brackets.

Sounds promising, and love the idea of the single HTML page if it actually does create a smaller file than manually optimizing – although I don't think I'd send a client a purple and pink preview page :)

Kinda like AdPiler > https://adpiler.com/features/

Link to comment
Share on other sites

Hi Davi,

Thanks for the detailed bug report. Ugh that's a bit embarrassing. I'll reach out to you privately so hopefully my friend can resolve the issue. 

Link to comment
Share on other sites

Cool concept!  I did get the same two errors as Davi on a few banners I tested, but I would definitely be interested in a product like this once the kinks are ironed out.

Link to comment
Share on other sites

  • 2 weeks later...

Just want to report back that Davi and Ohem were both kind enough to supply the banners that revealed some bugs in itsybanner and those bugs have been fixed! I'd encourage folks to give it another shot. Try throwing some banners with uncompressed images at it to see how small they can get. You can save a ton of time by allowing itsybanner to handle the compression. 

Link to comment
Share on other sites

  • 2 weeks later...

@Carl This is a wonderful concept!  However it did not worked out for me.

It would be great to understand the expected development workflow so the banners workout in the end.

My setup usually is index.html calling the Doubleclick Enabler, styles.css, 1 external .js file and a bunch of images.

Link to comment
Share on other sites

hi @emmanuelulloa sorry to hear you hit a snag. I look forward to seeing some positive reviews here ;)


The great thing about itsybanner is that there are no guidelines or requirements for how your banner needs to be designed and structured.

However, it seems like this community is good at finding some weak spots in itsybanner.

The good news is those errors are flagged and the algorithms are improved to handle whatever you throw at it. 


Your banner should work now. Please give it another shot. If you still have trouble feel free to message me a zip. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.