Google Cloud Apps Admins

Cloud-Based Business Apps: Create Image Overlays with PicMonkey

Written by Christopher Alghini (Google Cloud Consultant) | November 20, 2012

Since January, I've been running Coolhead Tech from my Chromebook. In the process, I've discovered business apps and consumer apps that I can use to quickly get things done. After the ants invaded in April (my favorite photo editing service, Picnik, went out of business), I found PicMonkey.

As a small business owner, being able to quickly create some simple web graphics is important. Pickmonkey does the job and keeps me looking professional. All of the photos on are edited using Pickmonkey.

I'm not going to go into a lengthy explanation of how to use this free, no-registration photo editor (theirhelp pages cover pretty much any question you might have). But just to give you an idea of how it works, let's look at one feature that you may find helpful if you're putting your business logo on your website.

How do you add a logo to the website header?

You need two graphics: the website header and your logo. You'll find your Web banner in Hubspot, or whatever CMS you're using. You'll need your logo in a transparent PNG format.


    The original website header from Hubspot.

     The customer's logo in transparent PNG format.


1. Load the Web Banner in Picmonkey. If you have the PicMonkey Chrome extension installed, visit your website and click/select the web header. You can also visit PicMonkey directly and load/edit the banner.

2. Once the picture is loaded, click the "overlays" button on the left.  Now choose the "Your Own" button at the top.



3. Resize and place the logo where you want it to appear.  Click "Save."


The finished Web header with logo overlay and some text is now ready for Hubspot.