This post has been updated (12-14-17) because the developer of this extension has addressed some…
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
Leave a Reply
This site uses Akismet to reduce spam. Learn how your comment data is processed.
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.
thank you so much!
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
Thank you so much for this! None of the other links I found were helpful. This one, yes. Thumbs up.
Thank you!!! You saved me MUCH frustration. This is much appreciated!
Thank you for this template.
This was so helpful. Thank you so much.
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!!
Fantastic! Thank you!
AMAZING! It worked for me. Thank you!
This is awesome! So handy!
Thank you so much, this has driven me quite mental! Your tutorial is very helpful and worked.
This has been driving me crazy for years. You are my HERO! Thanks is not enough.
This is amazing, and avoided so much wasted effort. Thank you!
Brilliant…this has bugged me for a while. Thanks heaps for sharing
Thank you so much! Fantastic!
Random question – What program or app did you use to create the tutorial video? Thanks for the awesome site!
I used TechSmith Snagit and Camtasia to make the video
Thank you for this Wanda!
Thanks, very useful 🙂
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.
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.
Thank you!!!
Finally! A method that doesn’t distort the header! Thank you! Thank you!
I love when I google something and land on a friend’s blog! Thanks, Wanda – just what I needed!
Woo hoo!!!
Thank you! 😀
Thanks so much!
Wanda, I just want to *again* tell you that this resource has been SO helpful to me as I create forms for all sorts of different things!
Thank you so much. Awesome template for my needs today. I was so struggling to make my header. Thanks.
Thank you for creating this! It worked like a charm.
Perfect! This is such a great help. Thank you so much!
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!
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.
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.
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
Where’s the Easy button? Thank you for making this available!
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.
This is a godsend, thank you so much!
Thank you sooo muuuchh. May GOD bless you abundantly
I think I have found a way to fix the issues being encountered by some of the people in this forum. It makes the header a bit smaller, but I think it adjusts well for most monitors. If you give it a go, I hope it helps you out. 🙂
https://docs.google.com/drawings/d/1YbfEeMrgZEwQ7ORiGnPj797rrs_qkLekblRb8AEZLsM/edit?usp=sharing
THANK YOU!!! This saved me so much time today!
Thank you so much for this. It was really bugging me. You ROCK
Thanks from Spain!!!
Veeeery helpful 😊😊