Wix Image Sizes — Banner, Blog, Gallery & Product Dimensions

Wix Hero & Banner Image Size

A Wix hero fills a full-width section, so upload it at 1920x1080 pixels (16:9). That covers a standard desktop and gives Wix enough resolution to stay sharp when it generates the retina version. The bigger decision is how the image is placed: an image element takes the 1920px source, but if you set the same picture as a strip or page background, Wix asks for at least 3000 x 3000px — a background has to cover every viewport shape, not one fixed box.

Resize an image to 1920x1080 → Pick the “Hero / Banner” preset in the Wix platform, or “Page / Section Background” for the 3000 x 3000 version.

Wix Blog Post Featured Image Size

There is no single Wix blog cover size — the layout you chose for your feed sets it. Wix publishes a size per layout, and they share one width, 940 pixels, with the height changing to match the crop. Editorial, Side by Side and Slider feeds want 940 x 705 (4:3); Magazine and Classic want 940 x 940 (1:1); One Column wants a letterbox 940 x 400 (21:9). Upload at the size your layout uses, because the same file is re-cropped for the feed card, the post header and the Related Posts strip.

• Switching feed layouts re-crops every cover you have already published. Move from Magazine to One Column and a set of square covers loses its top and bottom third. Decide the layout first, then shoot to its ratio.
• The cover is not the share image. Wix recommends 1200 x 630 at a 1.91:1 ratio for og:image, so a 4:3 cover gets trimmed in a Facebook or LinkedIn preview. Set the social image separately for posts you plan to promote.
• 940 is a display width, not a retina width. Upload at 2x (1880 x 1410 for a 4:3 cover) and let Wix downscale if your covers look soft on a high-density screen.
• Body images are the opposite advice. Wix asks for under 1000 x 1000 inside a post — the content column is narrower than the cover, and every extra pixel is load time on a page people scroll.

Resize a cover to 940x705 → Pick the “Blog Cover (4:3 layouts)” preset, or “Blog Cover (Square layouts)” for Magazine and Classic. Weighing a move to WordPress? It fixes no blog cover size at all — your theme decides it.

Wix Gallery Image Size

Wix galleries — including the Pro Gallery — crop your images to whatever grid, masonry or slider layout you choose, so there is no single fixed dimension. What Wix does state is a floor: upload gallery media at at least 2560 x 1440 pixels, and it optimises each one down to the exact size shown on screen. That one number covers both jobs a gallery image does — the small thumbnail in the grid and the full-screen expand view a visitor opens from it.

Resize a gallery image to 2560x1440 → Pick the “Gallery Image (Pro Gallery)” preset in the Wix platform.

Wix Product Image Size (Wix Stores)

Wix Stores asks for a lot more resolution than the rest of the site: the minimum recommended product photo is 3000x3000 pixels. That headroom exists because the product page lets shoppers zoom, and a smaller source falls apart the moment they magnify it. Wix supports 16:9, 3:2, 4:3, 1:1, 3:4, 2:3 and 9:16 for the product gallery, but 1:1 is the ratio Wix recommends for mobile — which is where most storefront traffic lands.

Resize a product image to 3000x3000 → Pick the “Product Image (Wix Stores)” preset in the Wix platform. Selling on more than one storefront? Compare the specs on Shopify and Etsy.

Wix Logo & Favicon Size

Wix publishes no logo dimension, because the header scales whatever you give it. Upload a PNG with a transparent background at around 250x100 pixels (or larger at the same proportions) so it stays sharp on retina headers. The favicon does have a rule: it must be square and a multiple of 48px — 48x48, 96x96 or 144x144 — unless you upload an SVG. Browsers and Google rescale it to 16x16, so a single high-contrast mark reads where a full wordmark turns to mush.

Resize a favicon to 96x96 → Pick the “Favicon” preset in the Wix platform.

Wix Mobile Image Sizes & Crops

Mobile on Wix is a cropping problem, not a second upload. The same file serves every screen — Wix generates the device-sized versions itself — so what you control is which part of the frame survives. In the Studio Editor the mobile breakpoint covers 320 to 750px, tablet 751 to 1000px and desktop 1001px and up, and 320px is the narrowest screen you can design for. Changes cascade downward: edit at desktop and mobile inherits it, edit at mobile and desktop is untouched.

The arithmetic is worth knowing before you design a hero. Set a 16:9 image to fill a full-height phone section — roughly 390 x 700 CSS pixels — and it scales up until the height fits, which leaves about a third of its width visible. Drop the same image into a 390 x 300 banner strip and roughly three-quarters survives. That is the whole reason a headline baked into the corner of a hero disappears on phones.

• Re-crop in the mobile view instead of re-uploading. The Wix Editor lets you crop an image differently on mobile, adjust its settings and animate it, all from the desktop original.
• Backgrounds get their own mobile settings. A mobile page background can take its own scale — Fill, Fit, Tile or Stretch — and its own scroll effect, so a background that crops badly on a phone can be set to Fit without touching desktop.
• In Studio, set a focal point per breakpoint. Wix keeps that point in frame as the image is resized, which beats guessing at a centered safe zone.
• Images added in the mobile editor are fully editable. Ones carried over from desktop are not — their customisation is limited, so a mobile-only graphic is the cleaner route when the desktop crop cannot be made to work.
• Do not upload a small file to make mobile faster. Wix already serves a device-sized version of the source; a small original just means desktop gets an upscaled blur.

Resize an image to 1080x1920 → Pick the “Mobile Section (9:16)” preset in the Wix platform, then drag to set which part of the frame is kept.

Wix vs Squarespace vs Webflow Image Sizes

Moving a site between builders means re-cutting the assets, because each one asks for a different source and optimises it differently. Here is the same set of images across all three.

Wix is the only one of the three that publishes a size per placement. Squarespace states a single site-wide rule — upload 1500 to 2500px wide, under 500KB — and Webflow publishes no dimensions at all, so the per-asset figures in those two columns are working sizes from our guides rather than vendor specs. The Wix hero is ours too; every other Wix number here is Wix’s own.

Full specs: Squarespace image sizes → and Webflow image sizes →