How to make perfect Google Forms header images

How to make perfect Google Forms header images

How to make perfect Google Forms header images

A few years ago, my friends and I created a just-for-fun ice cream business. (We made ice cream flavors inspired by our rescue dogs.) Making the ice cream aside, we wanted all other operations to be as low-effort as possible, so we used Google Forms to collect customer orders. 

Google Forms definitely hit the no-fuss-yet-robust criteria, but its default color theme (purple) didn’t match our style. So one silly dog photo and a few light edits later, we added a custom header image to Google Forms. 

Here, I’ll show you how to make perfect Google Forms header images and get a matching color scheme.

Table of contents: 

How to add a Google Forms header image 

When you create a new form, Google Forms won’t automatically populate a default header image. It just gets straight to business: form title followed by questions. If you want to add a little personality to your form or customize it to match your company’s brand, here’s how. 

  1. Click the Customize Theme icon, which looks like a paint palette.

    Main menu for Google Forms with a box around the Customize Theme icon, which looks like a paint palette.

  2. In the Theme side panel that appears, under Header, click Choose image. 

    Theme pane in Google Forms with an arrow pointing to

  3. In the Select Header window, you can choose from a selection of pre-made headers, add an image from your Google Photos account, or click Upload to add your own. If adding your own image, make sure the main focus fits within a 4:1 aspect ratio (more on what that means later) because you’ll be prompted to crop it later on. 

  4. Once you’ve edited the header image to your liking, click Done. 

It’s worth mentioning that you’ll likely have to try out a few images before you find one that works with Google Forms’ odd aspect ratio. For example, in this photo of Zapier’s unofficial mascot, Winston, the cropping tool is forcing me to trim out his best feature: his ears. And I simply won’t stand for that. 

A photo uploaded to Google Forms of Winston, a light-brown Pekingese dog, sleeping on its side on a grey couch. There's a rectangular cropping tool encasing a portion of Winston's body, but the top and bottom thirds of the photo have been greyed out.

This image of Winston snoozing works much better. All key areas of fluff are present and accounted for.

A photo uploaded to Google Forms of Winston, a light-brown Pekingese dog, sleeping outdoors on a yellow mat with a red border. There's a rectangular cropping tool encasing Winston's face, paws, and the grass behind him. The top and bottom thirds of the photo have been greyed out.

If all you want to add is a custom Google Forms header, then you’re all set! But if you want to customize the form further to match your branding, keep reading.

How to create a Google Forms header image that matches your brand

If you want to include your company’s branding on your Google Form, just uploading an image of your logo probably won’t fit. 

Since Google Forms forces an aspect ratio of 4:1, you’ll need to make a custom image that includes your logo and is 1600×400 pixels—or four times wider than it is tall. 

A header image at the <a href='https://weathertraveler.com/miami-weather-in-march' target='_blank' rel='follow'>top</a> of a form in Google Forms. The header contains cursive text that reads "Winston.ly" along with the outline of a dog paw attached to the end tail of the letter "y."” class=”e4erbbm1 e1t3z4wx0 css-134qt3o e16539iq0″/></picture></div> </div> <p class=If you don’t have a kit of brand visuals handy, you can use a free graphic design software tool or even an AI image generator. For this article, I used Canva to quickly create a branded header image for the fictional company, Winston.ly. 

How to customize your Google Forms theme 

When you add a custom Google Forms header image, it’ll automatically adjust the form color scheme to complement the image, meaning it should roughly match your branding right away. But if you want to modify the color scheme further, it’s really easy.

  1. Click the Customize Theme icon.

  2. You can choose from a handful of complementary color themes, which Google Forms autopopulates based on your header image. Or you can click the Add custom color icon, which looks like a plus sign, to pick a color scheme.

    The color section of the Theme pane in Google Forms with eight different shades of pink and rust displayed. There's also an arrow pointing to the

You can also change the font style and size for your Google Forms headers, questions, and text.

Portion of the Theme pane in Google Forms. The text style for the header, question, and text are all set to Comic Sans MS.

Before you ask: Yes, I did mean to choose Comic Sans. 

Automate Google Forms 

Creating beautiful forms is one thing. Managing all the data you collect from those forms is another. With Zapier’s Google Forms integration, you can build an automated system that does everything from notifying your team in Slack about a new submission to turning those submissions into tasks in your project management app to generating responses using AI. Learn more about how to automate Google Forms, or get started with one of these pre-made workflows. 

Zapier is the leader in workflow automation—integrating with thousands of apps from partners like Google, Salesforce, and Microsoft. Use interfaces, data tables, and logic to build secure, automated systems for your business-critical workflows across your organization’s technology stack. Learn more.

Google Forms header image: FAQs

For the most part, creating and customizing Google Forms is straightforward. But, in my opinion, there are a few basic actions that are inexplicably less so. Here are answers to the most commonly asked questions. 

What’s the right Google Forms header image size? 

The recommended Google Forms header image size is 1600×400 pixels. 

How do I resize an image to fit a header in Google Forms?

There’s no straightforward way to reposition or resize an existing Google Forms header image. Instead, you’ll have to re-upload your image. 

  1. Click the Customize theme icon. 

  2. In the Theme side panel, under Header, click Image uploaded. 

  3. Choose a pre-made image or upload a new header. 

  4. Adjust the cropping tool as needed. 

  5. Click Done. 

You can also use an image editing tool to make it the right size before you upload.

Related reading:

This article was originally published in January 2021 by Justin Pot. The most recent update was in December 2024.

by Zapier

Related: , , , , ,