ScreenshotNeo

BlogGuides

GoDaddy Website Header Image Size: Recommended Dimensions

GoDaddy does not publish a specific header size. Learn the documented limits, crop guidance, and how to choose an image that works on every screen.

By the ScreenshotNeo team1 October 20266 min read

GoDaddy does not publish a recommended pixel width and height for a Websites + Marketing header cover image in the reviewed help documentation. Instead, GoDaddy explains how to upload or select a cover image, reposition its crop, preview the result, add an image description, and publish. Choose a high-quality image that represents your business, then adjust its crop for each responsive view.

What size should a GoDaddy website header image be?

There is no documented GoDaddy-specific header dimension to follow. Do not substitute dimensions for other placements:

Placement Documented size Does it apply to a website header?
Website header cover image No numeric recommendation found Yes, this is the placement discussed here
Marketing email image 590 × 175 pixels No
Favicon 180 × 180 pixels No

The email and favicon dimensions belong to different components. Using either as a header specification can produce excessive cropping, blurry images, or an unsuitable layout.

What GoDaddy documents about header images

  • In the editor, select the home-page Header, choose Cover Media, and select Change image.
  • You can upload your own image or choose GoDaddy royalty-free stock imagery. Some themes also support a header video.
  • GoDaddy accepts PNG, JPEG/JPG, and GIF files. Animated GIFs do not work.
  • The general upload limit is 30 MB. GoDaddy states that smaller files load faster.
  • The editor lets you reposition the image so a different part of the photo remains visible.
  • Add an image description (alt text), preview the page, and publish when the result is ready.
  • Choose an image that helps visitors understand the business. For example, a plumber could show plumbing work or equipment instead of an unrelated scenic image.

How to choose practical dimensions without a published pixel rule

Because the header changes with the visitor’s screen and theme, evaluate an image by composition and crop rather than by a single fixed number.

  1. Start with a large, sharp source. Use an original photo or a high-resolution stock image so the editor has room to crop.
  2. Keep the subject near the visual center. Responsive layouts may crop the left and right edges or change the visible height. Leave space around faces, products, and equipment.
  3. Avoid critical details at the edges. Place logos, people, and important objects inside a safe central area.
  4. Check contrast. If the theme places text over the image, use a background with enough contrast or choose a less busy area behind the text.
  5. Compress oversized files. Stay below GoDaddy’s 30 MB limit and prefer a smaller file when quality remains acceptable.
  6. Preview responsive views. Check the available desktop and mobile previews before publishing. Treat this as a visual quality check, not as a GoDaddy-published dimension requirement.

A simple composition checklist

  • The business subject remains recognizable when the sides are cropped.
  • Faces, products, and equipment are not hidden by the theme’s text or buttons.
  • The image still works in a shorter mobile header.
  • Text remains readable over light and dark areas.
  • The file is compressed and uses PNG, JPEG/JPG, or a non-animated GIF.
  • An accurate image description is ready for accessibility.

How to replace or edit the header image in GoDaddy

  1. Open the GoDaddy Websites + Marketing editor.
  2. Open the home page and select the Header.
  3. Select Cover Media, then Change image.
  4. Upload a PNG, JPEG/JPG, or GIF, or choose an available stock image.
  5. Use the positioning controls to select the visible part of the image.
  6. Add a descriptive image description/alt text.
  7. Preview the page at the available responsive views.
  8. Publish after checking the crop, text contrast, and loading appearance.

Common problems and fixes

Problem Likely cause Fix
The subject is cut off The theme uses a different crop at that viewport. Reposition the cover image and move the subject toward the center of the source image.
The header looks blurry The source file is too small or heavily compressed. Start with a larger, sharper original and compress it only after resizing appropriately.
The image will not upload The format is unsupported, the GIF is animated, or the file exceeds 30 MB. Export as PNG or JPEG/JPG, use a static GIF only if needed, and reduce the file size below 30 MB.
The page loads slowly The upload is unnecessarily large. Use a smaller optimized file; GoDaddy notes that smaller files load faster.
Header text is hard to read The image has busy detail or poor contrast behind the text. Choose a quieter image area, reposition the crop, or select a different photo.
The image looks fine on desktop but poor on mobile Responsive cropping changes the visible area. Inspect the mobile preview and choose an image with more central safe space.
The image does not explain the business The photo is generic or unrelated. Use an image showing the product, service, workplace, or equipment visitors expect.

Performance and accessibility considerations

GoDaddy’s guidance is straightforward: smaller files load faster. Resize and compress the source while preserving enough detail for the largest display you expect. Avoid uploading a 30 MB original when a much smaller optimized version looks identical in the header.

Write an image description that conveys the useful meaning of the image. If the header is decorative and the editor permits an empty description, follow your accessibility policy; otherwise describe the business-relevant subject plainly. Do not put important information only in the photo, because cropping and responsive layouts can hide it.

How to verify the crop before publishing

  1. Open the editor preview after positioning the image.
  2. Check the widest desktop view for sharpness and text contrast.
  3. Check the narrowest mobile view for subject visibility.
  4. Look for faces, products, or equipment hidden behind navigation, headings, or buttons.
  5. Confirm the image description is present and accurate.
  6. Publish, then inspect the live page on a phone and a desktop browser.

Or skip the browser setup

If you need repeatable screenshots of the finished GoDaddy page for QA, documentation, or a content workflow, ScreenshotNeo can capture the URL through one API request. See the ScreenshotNeo API documentation for all options.

cURL

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://www.example.com -o shot.webp

Python

import requests
r = requests.get("https://api.screenshotneo.com/v1/shot", params={"access_key": "YOUR_API_KEY", "url": "https://www.example.com"}, timeout=90)
open("shot.webp", "wb").write(r.content)

Node.js

const q = new URLSearchParams({ access_key: 'YOUR_API_KEY', url: 'https://www.example.com' });
const res = await fetch(`https://api.screenshotneo.com/v1/shot?${q}`);

ScreenshotNeo removes cookie banners, newsletter popups, and chat widgets before the shot. Bot checks, blank pages, failed loads, timeouts, and cache hits are not billed, and the response identifies the result with X-Page-Verdict and X-Billed headers. Its MCP server lets AI agents use take_screenshot, get_page_info, and capture_pdf. The free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000. Create a free ScreenshotNeo account.

FAQ

Does GoDaddy recommend 1920 × 1080 for a header?

Not in the reviewed Websites + Marketing help pages. Treat 1920 × 1080, or any other number, as a working source choice rather than an official GoDaddy header specification.

Can I use a GIF?

GoDaddy’s general photo guidance accepts GIF files but says animated GIFs do not work. Use PNG or JPEG/JPG for the most predictable result.

No. It is a maximum described in the general upload guidance. Smaller files are preferable when image quality remains sufficient.

Why does the same image crop differently on different devices?

The header is responsive and the theme chooses how much of the cover image is visible at each viewport. Reposition the image and verify both desktop and mobile previews.

Where do I change the image?

In the editor, select the home-page Header, then Cover Media, then Change image.