How to Upload, Optimise, and Size Images for Fast-Loading Wix Pages

How to resize images for Wix

Slow images quietly ruin good websites. They stretch load times, drag down mobile performance, and chip away at conversions while everything else looks “fine.” On Wix, this happens more often than people expect—usually because image files are uploaded too large, shaped for the wrong screens, or left to automatic optimisation alone. 

So, yes, Wix optimises images, but that automation doesn’t make up for poor preparation. And this methodical approach is exactly what this guide covers, breaking down how to handle images properly on Wix so pages load fast, feel smooth, and perform well under traffic.

Why Image Handling Matters More Than You Think

Images typically account for 60–80% of total page weight on content-heavy Wix pages. That’s not theory—it’s what shows up in real audits. One oversized hero image can delay rendering by hundreds of milliseconds. Multiply that across galleries, banners, product cards, and background sections, and performance drops quickly.

Mobile users feel this first. Slower connections. Older devices. Smaller CPUs. If images aren’t sized correctly before upload, mobile performance takes the hit even when desktop scores look acceptable.

Google notices, too. Largest Contentful Paint (LCP) and Interaction metrics are often held back by nothing more complicated than image bloat. To solve this, we start at the source: image dimensions.

Step 1: Start with the Right Image Dimensions (Before Upload)

Does Wix automatically compress images? Yes, but uploading massive images and letting Wix “sort it out” is still the most common mistake. This is key to understanding how to add images on Wix correctly: compression helps with file size, not dimensions. Wix still has to process and resize the image during load.

Here are reliable sizing ranges that work well across Wix Studio and classic Wix builds:

• Hero sections: 2000–2400 px

• Full-width banners: 1600–1800 px

• Content images: 1200–1500 px

• Product images: 1000–1200 px

• Thumbnails and cards: 400–800 px

  
  

Uploading a 4000 px image for a section that never displays above 1600 px adds weight without any visual payoff. The browser still downloads more data than necessary.

Resize first. Always.

Step 2: Choose Formats That Load Faster (Without Sacrificing Quality)

Once the dimensions are set, the next critical step is selecting the correct format, as the file format matters almost as much as size.

Best Choices for Wix

• JPG

  Ideal for photography. Smaller files, smooth gradients, predictable behaviour.

• WebP

  Excellent compression with strong visual results. Wix supports WebP uploads and serves them efficiently.

• PNG

  Use sparingly. Transparency is the main reason to keep it. File sizes climb fast.

  
  

SVGs work well for icons and logos, but they’re not suitable for photos.

For most websites, JPG or WebP covers nearly everything. If a design relies heavily on PNG photos, load times usually suffer.

Step 3: Compress Before Uploading (Yes, Even on Wix)

Even with the right format, the actual file size can be reduced significantly through external compression.

A good rule:

• 70–80% quality for JPG and WebP files.

• Visual difference is minimal.

• File size reduction is substantial.

  
  

This is fundamentally how to optimise images for the web without losing quality.

Compression tools like TinyPNG, Squoosh, or ImageOptim consistently cut file weight up to 80% before upload, and that saving carries straight into real-world load time.

Once uploaded, Wix won’t magically shrink an oversized original beyond a certain point. Preparation still wins.

Step 4: Match Aspect Ratios to Layouts

Another key element of preparation is ensuring the image fits its designated space perfectly. Images stretched or cropped awkwardly force Wix to do extra work and often cause layout instability.

Before uploading, decide where the image will live:

• Wide banners: 16:9 or 21:9

• Standard content images: 4:3

• Square grids: 1:1

• Portrait layouts: 4:5

  
  

When aspect ratios match the layout, Wix can reserve space early. That reduces layout shifts and keeps pages visually stable while loading.

This is especially important for repeaters, galleries (where setting the right Wix gallery image size prevents shifts), and e-commerce product grids.

Step 5: Handle Hero Images with Extra Care

Of all the images on your site, the one requiring the most care is your hero image. It usually becomes the Largest Contentful Paint (LCP) element. If they load slowly, the entire page feels slow, especially if you’re using a full-width Wix image size for the background hero section.

To improve hero image performance on Wix:

• Keep file size under 300 KB where possible.

• Avoid PNG for hero backgrounds.

• Skip autoplay video unless necessary.

• Remove overlays that require extra scripts.

  
  

If motion is required, load a static image first and bring animation in after the initial render. That keeps the page responsive while still delivering visual impact.

Step 6: Let Lazy Loading Work for You (But Check It)

Beyond the hero, the fastest way to handle images further down the page is through smart lazy loading. Wix applies it automatically to many images below the fold. That helps, but it’s not flawless. 

Pay attention to:

• Images inside custom sections sometimes bypass lazy loading.

• Background images can load early if not configured carefully.

• Hidden elements may still load assets.

  
  

Test long pages on mobile using PageSpeed Insights or WebPageTest. If offscreen images appear in early load waterfalls, something needs adjusting.

Lazy loading works best when paired with proper sizing. One without the other only solves half the problem.

Step 7: Use Repeaters and Galleries Properly

Manually duplicating image elements increases DOM size and load complexity. Repeaters and native galleries load more efficiently and reuse structure.

For image-heavy pages:

• Use repeaters for product grids and blog layouts.

• Limit gallery animations.

• Avoid hover effects that swap large images.

  
  

Smaller thumbnails that open larger images on interaction perform better than loading everything at full size upfront.

Step 8: Pay Attention to Mobile Croppin

Another performance gain comes from optimising the visual presentation specifically for mobile users.

A desktop hero image cropped tightly for mobile reduces file weight and improves clarity. It also avoids forcing phones to download unnecessary pixels.

Mobile-first cropping often improves load time, visual balance, and text readability. Ignoring it usually means mobile users pay the performance cost for desktop design choices.

Step 9: Clean Up Unused Images

Finally, every maintenance routine should involve clearing out the clutter. Unused images still live in your media library and may remain referenced in the background.

Every few months:

• Remove images no longer used.

• Replace older uploads with optimised versions.

• Audit pages that have been redesigned multiple times.

  
  

Sites that have changed hands between designers often carry years of leftover assets. Cleaning this up reduces confusion and prevents accidental loading issues.

Step 10: Test After Uploading—Not Just Before

The last and most crucial step in Wix image optimisation is to verify your work using real-world testing tools.

Check results using:

• Google PageSpeed Insights

• WebPageTest

• Wix Performance Dashboard

  
  

Look specifically at:

• LCP timing

• Image file sizes served

• Mobile results on slower connections

  
  

If a page still struggles, the issue often traces back to one image doing too much work.

Common Image Mistakes Seen on Wix Sites

While following best practices is essential, it’s equally important to recognise the subtle mistakes that consistently undermine website speed, even after basic optimisation. 

These could show up repeatedly during performance audits:

• Uploading camera-original images.

• Using PNG photos across the site.

• Treating hero sections like billboards.

• Forgetting mobile crops.

• Stacking galleries and sliders on one page.

• Relying on Wix compression alone.

  
  

None of these breaks a site instantly, but together, they can quietly slow everything down.

Final Take: When Image Optimisation Needs Professional Help

Fast-loading Wix pages rely on restraint, preparation, and consistency. When images are handled properly, everything else improves. Pages respond faster. Layouts feel steadier. Conversion paths stay intact.

However, some sites reach a point where manual fixes aren’t enough. This usually happens when:

• The site has grown over several years.

• Visual effects were added without performance checks.

• Multiple designers worked on the same pages.

• E-commerce galleries expanded aggressively.

  
  

At Volt Agency, we regularly restructure image-heavy Wix builds for Australian businesses facing these issues. Sometimes, it’s a matter of replacing assets. Other times, layout logic needs a rethink so images support speed instead of fighting it. 

So, if you need help moving your image-heavy Wix site from acceptable speeds to market-leading performance, contact Volt Agency today to schedule a comprehensive performance audit and strategic overhaul.