skip to Main Content

Image Template for Google Forms Header

I always have the hardest time getting a custom image header the right size in Google Forms (the “new” Google Forms, of course). I made this Google Drawing template for my use but am making it available to anyone else needing it.

Get your own copy by going to http://bit.ly/formimagetemplate. Instructions are on the sides of the drawing but here is how it works.

The image canvas is set to be 1600 x 400 pixels. There is a rectangular area that represents the center top above the form. If you put your design elements there, you will be a-ok. When you have that area the way you want it, you can delete the rectangle (unless you want to keep it visible on the form). Then, download the image as a PNG. When you upload the image into the color palette on the Google Form, set the cropping markers to match the layout of the canvas on the template.

Here is a quick video – no audio – showing the process.

This Post Has 44 Comments

  1. This is awesome, thanks for creating it! I had to lower my design elements a little bit so that the top wasn’t cut off, I don’t know if things have changed such that you should adjust the bounding box. In any case, this is super helpful, thanks again.

  2. This was so helpful! Thank you!

    I’m in the early stages of my solopreneurship, and creating everything myself.
    Finding ways to minimize learning curves and shortcuts is a huge help.

    Thanks so much,
    Brenna

  3. This was sooo helpful. I almost threw a tantrum fit at my computer yesterday over this. Today this was so easy and painless thanks to that.
    Good vibes to you!!

  4. A quick search lead me here. Thank you so much for making the template available.
    It’s been rather frustrating to figure out the right dimensions by trial and error.
    Cheers and glory to you.

  5. Thank you so very much for sharing this. It was quick, easy to do with your instructions, even for someone who’s not overly tech-savvy, and saved heaps of time and frustration. Much appreciated.

  6. Thank you so much. Awesome template for my needs today. I was so struggling to make my header. Thanks.

  7. Wanda, Thank you thank you thank you! I was agonizing over this ridiculousness for hours and you solved it in a nanosecond. Truly appreciate you posting this solution!

  8. The template is a workable solution, but it greatly decreases the available area for the header content. I’ve found that a better approach is to create a square of 2000 x 512 pixels, then mark out 270 pixels from the right and left ends, and 230 pixels from the bottom. The remaining area in the centre is the “safe space” for inserting the header content, whereas the rest of the marked out space can be used for a background image. These dimensions work well on both desktops and mobiles.

    In any case, it’d terrible that Google hasn’t released an official banner specifications template like it does with YouTube channel banners. The more we report this to Google via the Feedback page on forms, the faster it’ll be resolved.

  9. The previous comment doesn’t seem to have shown up, so trying again. In case this is double-posted, apologies in advance.

    The template is a workable solution, but it greatly decreases the available area for the header content. I’ve found that a better approach is to create a square of 2000 x 512 pixels, then mark out 270 pixels from the right and left ends, and 230 pixels from the bottom. The remaining area in the centre is the “safe space” for inserting the header content, whereas the rest of the marked out space can be used for a background image. These dimensions work well on both desktops and mobiles.

    In any case, it’d terrible that Google hasn’t released an official banner specifications template like it does with YouTube channel banners. The more we report this to Google via the Feedback page on forms, the faster it’ll be resolved.

  10. I don’t know what has changed since April, but the top of the images is still cut off even when following the instructions precisely. I kept moving the images down, still within the box, and eventually got a semi acceptable result. Images are still very “blurry” even though PNG is used. This sure seems like something that should be dead simple for Google too specify

  11. Thank you for creating this tool – it has saved me a lot of time!

    Not sure if others have this problem but the resolution of my banner always appears a bit grainy on the desktop (it looks much better on mobile devices). I am using high res images so I am not sure there is anything more I can do.

    Google forms is great in many ways but Google could vastly improve it in a few simple ways, such as providing banner tools and increasing the variety of customizable font options.

Leave a Reply to Erica Bell Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back To Top