Wix Website Banner Image Size: The Complete Guide

For a Wix strip background, use an image at least 1920 × 1080 pixels. Wix describes this as a minimum resolution recommendation, not a universal banner shape. The correct size for a header depends on that header’s actual proportions, and Wix may crop an image when its shape does not match the strip or header.

Choose the image size for the Wix element you are using, then preview the result on desktop, tablet, and mobile. A larger file cannot guarantee identical framing on every device because responsive layouts change the visible crop.

Quick answer by Wix element

Wix element	Recommended starting point	What to watch
Strip background	At least 1920 × 1080 px	Scale-to-fill cropping and focal-point placement
Header image	No single universal pixel size from Wix	Use an image compatible with the header’s proportions and stretch it to cover
Page background	At least as large as the target monitor; Wix gives 1920 × 1080 as an example for a 1920 × 1080 display	This is page-background guidance, not a universal header size
General background media	Wix’s media guidance lists a minimum of 3000 × 3000 px for background images	This is separate from the strip-specific 1920 × 1080 recommendation

What size should a Wix strip banner be?

Use 1920 × 1080 px or larger for a strip background. This gives the editor enough source resolution for wide desktop displays while preserving a 16:9 composition that is easy to adapt.

Wix strips automatically span the site width. Their maximum height is 15,000 px, but that is a limit for the strip element, not a required image dimension. Set the strip height based on your design and keep the important subject away from edges that may be removed on narrower screens.

Why 1920 × 1080 is a starting point, not a guaranteed crop

The source image and the strip can have different aspect ratios. When you choose a fill mode, Wix may enlarge the image until the strip is covered, cutting away areas that fall outside the visible region. The same source can therefore show more of the image on a wide desktop and less on a mobile viewport.

Header banner dimensions: there is no single Wix size

Wix’s header guidance does not specify one universal pixel dimension for every header banner. Header heights vary by template, content, and breakpoint. Start with an image whose resolution is compatible with the header and stretch it to cover the available area.

For a header, compose the image so the subject remains recognizable after horizontal and vertical cropping. Leave breathing room around faces, products, and text that is part of the image. Keep important details near the center unless you know the header’s focal area and breakpoint behavior.

How Wix scales and crops a banner

1. Open the page in the Wix Editor and select the strip or header.
2. Open the background or image settings.
3. Choose a fit mode such as Original Size, Scale to Fill, or Tile, depending on the element.
4. Adjust the image position so the subject stays inside the visible area.
5. Preview the page at the desktop, tablet, and mobile breakpoints.
6. Publish only after checking the crop at the screen sizes your visitors use.

Original Size

Original Size keeps the source image at its native dimensions. This can preserve detail, but parts of the image may not cover the entire strip, especially on a large or unusually shaped layout.

Scale to Fill

Scale to Fill enlarges the image until the strip or header is covered. It is usually the safest choice for a full-bleed banner, but it can crop the sides or top and bottom. Reposition the image after selecting it.

Tile

Tile repeats the image to cover the available area. It is useful for patterns and textures, but usually unsuitable for a photographic hero banner because the subject repeats.

Designing a banner that survives responsive cropping

• Keep the focal subject inside a central safe area. Edge content is the first part likely to disappear.
• Use generous negative space. A simple background gives Wix more flexibility when it crops.
• Avoid baking important text into the image. Put headings and buttons in Wix elements so they can reflow and remain accessible.
• Check the mobile crop separately. A 16:9 desktop composition may become much taller or narrower on a phone.
• Use high-resolution originals. Start at 1920 × 1080 px or larger for strips, then let Wix optimize the live asset.
• Preview the actual page, not only the editor canvas. Browser width, header height, and neighboring elements affect the visible area.

File format, size, and Wix image processing

Wix’s media guidance lists supported background-image formats and says that live-site images are automatically converted to AVIF. The same guidance lists 3000 × 3000 px as a minimum for background images in that context. Do not treat 3000 × 3000 px as the strip banner’s required aspect ratio: the strip-specific recommendation is 1920 × 1080 px or larger.

Before uploading, export a sharp source without unnecessary metadata, and compress it enough that the page remains responsive. Keep a lossless original so you can re-export if the crop or compression produces visible artifacts.

Common Wix banner problems and fixes

Problem	Likely cause	Fix
The subject is cut off	The source and strip have different shapes, or Scale to Fill is cropping the focal area	Reposition the image, move the subject toward the safe area, or use a composition with more negative space
White or empty space appears	Original Size does not cover the strip	Try Scale to Fill or export a larger source image
The image repeats	Tile mode is enabled	Switch to Original Size or Scale to Fill
Desktop looks correct but mobile does not	Responsive cropping changes the visible region	Preview the mobile breakpoint and reposition the focal point; keep critical text outside the image
The banner looks blurry	The source resolution is too low for the displayed area	Replace it with an image at least 1920 × 1080 px for a strip, or a larger source
The header height feels wrong	Header dimensions vary by template and content	Resize the header itself and choose an image compatible with its proportions; there is no universal header pixel size
Background guidance seems contradictory	Strip, page-background, and general media articles describe different contexts	Use 1920 × 1080 px for a strip, and treat the 3000 × 3000 px media guidance separately

A repeatable banner workflow

1. Identify the element. Confirm whether you are editing a strip, header, or page background.
2. Prepare the source. For a strip, export at least 1920 × 1080 px. Use a larger source when the design needs extra crop flexibility.
3. Place the image. Select the appropriate Wix fit mode and set the focal position.
4. Add readable content separately. Use Wix text and button elements instead of embedding essential copy in the bitmap.
5. Check breakpoints. Inspect desktop, tablet, and mobile views, including the narrowest layout you support.
6. Review the published page. Browser chrome, real header height, and loading behavior can differ from the editor preview.

Or skip the browser setup

If you need to document or review how a Wix banner renders at different viewport sizes, ScreenshotNeo can capture the published page with one request. See the ScreenshotNeo API documentation for all options.

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

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("wix-banner.webp", "wb").write(r.content)

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}`);

• Cookie banners, newsletter popups, and chat widgets are removed before the shot.
• Bot checks, blank pages, timeouts, failed loads, and cache hits are not billed; response headers identify the page verdict and billing result.
• An MCP server lets AI agents such as Claude and Cursor take screenshots.
• The Free plan includes 1,000 screenshots a month with no card; paid plans start at $5 for 3,000 shots.

Create a free ScreenshotNeo account to capture your Wix page at the breakpoints you need.

Performance, reliability, and cost considerations

For Wix itself, the practical performance choice is a sufficiently large but compressed source. Very large files increase transfer work, while undersized files become soft when scaled. Let Wix’s live-site processing handle delivery, then verify the published result on representative connections.

When automating visual checks with ScreenshotNeo, use caching when the page has not changed, choose a TTL that matches your review cycle, and use the viewport, device, full-page, or element options that match the question you are answering. Failed loads and other non-clean results are not billed, and the response headers indicate whether a capture was billed.

FAQ

Is 1920 × 1080 the exact Wix banner ratio?

No. It is Wix’s minimum resolution recommendation for a strip background. The strip’s shape and responsive crop determine what visitors see.

Should I use 3000 × 3000 px for every Wix banner?

No. Wix lists that size in general background-media guidance. It is separate from the 1920 × 1080 strip recommendation.

What is the best size for a Wix header image?

Wix does not provide one universal header dimension. Match the source to your header’s proportions and check the crop after stretching it to cover.

Why does my banner look different on mobile?

Responsive layouts expose a different portion of the image. Reposition the focal area and keep important copy in separate Wix text elements.

Can I use a banner taller than 1080 pixels?

Yes. 1920 × 1080 px is a minimum recommendation for strip resolution, not a maximum height for your image or strip.