BlogImage Compression

How to Compress Images for Wix: Sizes, Formats & Steps

Learn when Wix compresses images automatically, when to resize or compress before upload, the current file limits, and how to verify the result.

Updated: July 16, 2026

Wix automatically resizes and compresses images under 25MB on upload, then converts them to AVIF on the live site. For most files within the upload limit, you do not need a separate tool just to make Wix optimize them. Compress before upload when a file exceeds 25MB, resize when the pixel dimensions do not match the intended Wix element, and keep SVG files below 250KB. Choose the source format based on the image content rather than a universal rule, then publish and verify the delivered dimensions, transfer size, and actual LCP element.

Key Takeaways

  • Wix handles delivery-side compression automatically. Images under 25MB are compressed on upload and served as AVIF on the live site, with CDN delivery and lazy loading built in — no plugin required.
  • Pre-upload compression is conditional, not universal. It is required when a file exceeds 25MB; it is useful when pixel dimensions are much larger than the display slot; it is optional for correctly-sized files already under the limit.
  • Sizes depend on where the image appears. Wix recommends at least 2560 × 1440 px for general high-resolution media, but Wix Blog body images should stay below 1000 × 1000 px. Match the element, not a single global target.
  • Format choice should follow image content. JPEG or WebP for photos, PNG for transparency, SVG for logos and icons. Wix converts to AVIF at delivery regardless.
  • Verify with real data. Identify the actual LCP element in PageSpeed Insights, then check transferred size and Content-Type in the Network tab — do not rely on URL extensions alone.

Does Wix Compress Images Automatically?

Yes. According to Wix's site performance documentation, when you upload an image under 25MB, Wix automatically resizes it for the element it is placed in and compresses it for optimal loading. On the live site, images are converted to AVIF — a modern format that Wix states is roughly 50% smaller than WebP — and delivered through a content delivery network from a server near each visitor.

Lazy loading is also built in and cannot be disabled. Wix loads a low-resolution placeholder first, then swaps in the full image as it enters the viewport.

The practical takeaway: Wix manages the delivery side. Your job is to provide a well-prepared source file.

When Should You Compress an Image Before Uploading to Wix?

Use this decision table before you open the Media Manager:

SituationWhat to do
File exceeds 25MBMust compress, resize, or convert before upload — Wix will not accept it
File is under 25MB and dimensions match the elementUpload directly; Wix optimizes automatically
File is under 25MB but pixel dimensions far exceed the display slotResize to match the element first; compare upload time and storage usage
SVG exceeds 250KB and must stay vectorUse a dedicated SVG code optimizer (e.g., SVGO)
SVG can be rasterizedConvert to PNG or WebP — note that vector scalability will be lost
Animated GIF is largeReplace with a short MP4 through the Wix video workflow; Wix recommends video over GIF

Wix Image Sizes by Placement

Wix's size recommendations vary by component and layout. Use the table below as a starting point, then check the official support article for the specific element you are using, since recommendations change as Wix updates its editor and components.

PlacementWix guidanceNotes
General high-resolution mediaAt least 2560 × 1440 pxApplies to full-width visuals and gallery sources needing retina quality
Wix Blog body imagesUnder 1000 × 1000 pxWix Blog-specific recommendation; different from general media guidance
Wix Blog cover / featured imageCheck Wix Blog recommended image sizesVaries by layout
SVG logos and iconsUnder 250KBMust be pure vector; no embedded raster images
GIFsUnder 15MBConsider replacing with short video instead

When in doubt, measure the element's maximum rendered width in your browser's DevTools and export the source at that width. Wix will handle scaling and format conversion at delivery.

Choose a Format Based on the Image

Wix accepts JPG, PNG, GIF, WebP, AVIF, HEIC, BMP, TIFF, and RAW, among others. Regardless of the source format you upload, Wix converts images to AVIF for delivery on the live site.

Image contentRecommended source formatReason
Photos, product shotsJPEG or WebPCommon for photographic content with no transparency
Images requiring transparencyPNGPreserves alpha channel before Wix's AVIF conversion
Logos, icons, simple line artSVG (under 250KB, pure vector)Crisp at any size; no embedded raster content
Short animationsShort MP4 via Wix VideoWix recommends video over GIF for size and quality
Screenshots with sharp textPNGKeeps text edges clear; avoid upscaling low-resolution captures

Note: uploading an already-finished AVIF or WebP does not disable Wix's optimization pipeline. Use a high-quality source and let Wix manage the delivery format.

One additional limitation to be aware of: animated WebP files are converted to static images by Wix. Use Wix Video for any animated content.

How to Compress and Upload an Image to Wix

This workflow applies when pre-upload preparation is needed — for example, a file that exceeds 25MB or has pixel dimensions significantly larger than its display slot.

  1. Identify the display slot. Check the rendered width of the Wix element in your browser's DevTools, or consult the component-specific size guidance in Wix Support.
  2. Resize to the display dimensions. Export at the element's actual rendered size. A starting point for retina screens is twice the CSS width, but verify the result on a real device rather than applying a fixed multiplier.
  3. Convert the color space to sRGB. Wix converts uploads to sRGB; converting in your editor first ensures colors look the same on your screen as they will for visitors.
  4. Export as JPEG or WebP for photos, PNG for transparency. Choose a quality setting that looks correct on your target device; start higher and adjust downward while checking visually, rather than applying a fixed quality number.
  5. Compress the file if it is still over 25MB or notably oversized. A browser-based tool like LessMB can adjust compression quality and pixel dimensions locally without uploading your file to a server — useful when a file is over the Wix limit or when you want to check the output before committing. Most web-ready images end up well under the limit.
  6. Upload through the Wix Editor or Media Manager.
  7. Enable Image Sharpening if the result looks soft — this option is available in the image settings for supported elements, as noted in Wix's media optimization guide.
  8. Publish and verify using the checklist below.

How to Check Whether the Wix Image Is Optimized

After publishing, confirm three things:

1. PageSpeed Insights

Run your live URL through PageSpeed Insights. Look at the diagnostics section for "Properly size images," "Efficiently encode images," and similar entries. Wix-served AVIF files should already be well-optimized; flagged items usually point to a source file whose dimensions are significantly larger than the rendered size.

Also check the Largest Contentful Paint (LCP) element. LCP can be an image or a text block — do not assume your hero image is the LCP before PageSpeed identifies it. If an image is confirmed as the LCP and the score is poor, the fix is usually an image whose pixel dimensions or file weight are mismatched to the element, not a general compression pass.

2. Network tab

Open DevTools → Network → filter by Img. For each image, check:

  • Content-Type header — should be image/avif (not just the URL extension, which may not reflect the actual format).
  • Transferred size — the compressed bytes actually sent over the network.
  • Intrinsic vs. rendered dimensions — if the intrinsic width is much larger than the rendered width, the source was not resized before upload.

3. Visual quality on device

Check at actual display size on both desktop and mobile. If an image looks blurry, the source was smaller than the display slot or Image Sharpening is disabled. If it looks pixelated or has compression artifacts, the quality setting was too low.

Common Mistakes

  • Uploading print-resolution files. Web layout is determined by CSS pixels and actual pixel dimensions, not by print DPI labels. A 300 DPI image at 6000 × 4000 px is just a large pixel image on screen. Downscale to the display dimensions before uploading.
  • Using GIFs for animations. GIFs are capped at 15MB and produce large file sizes for video-like content. Wix recommends using short MP4 video instead.
  • Embedding raster images inside SVG. Wix rejects SVGs that contain embedded PNG or JPEG. Keep SVGs pure vector and under 250KB.
  • Re-compressing already-compressed files. Applying lossy compression to a file already compressed with lossy settings stacks visible artifacts. Always compress from a high-quality source.
  • Assuming the hero image is the LCP. Identify the actual LCP element in PageSpeed before deciding where to focus optimization effort.
  • Continuing to compress when gains are already minimal. Once a file is below the upload limit and transfers at a reasonable size, further lossy compression degrades quality without meaningfully improving delivery speed.

Quick Wix Image Optimization Checklist

Work through this list for each image before and after upload:

Before upload

  • File is under 25MB (required) — compress or resize if not
  • Pixel dimensions match the Wix element's display slot
  • Color space is sRGB
  • SVG is pure vector, under 250KB, no embedded raster images
  • Animations use MP4 video, not GIF

After publish

  • Image looks sharp and correctly cropped on desktop and mobile
  • PageSpeed Insights does not flag the image for size or encoding issues
  • Network tab shows Content-Type: image/avif
  • Intrinsic dimensions are close to rendered dimensions (no major oversizing)
  • If PageSpeed identifies this image as the LCP element, the LCP score is within acceptable range
  • No further lossy compression if quality is already acceptable

To audit existing images: open the Wix Media Manager, sort by file size, and apply the checklist to any notably large files. Re-export from the original source at the correct dimensions, check quality, and re-upload.

FAQ

Does Wix automatically compress images?

Yes. Wix automatically resizes and compresses images under 25MB on upload, then converts them to AVIF format on the live site. For files within the limit, you do not need a separate compression tool just to trigger Wix's optimization.

Should I compress images before uploading to Wix?

Only when necessary. Compress before upload if a file exceeds 25MB (Wix will not accept it), if the pixel dimensions are far larger than the element's display slot, or if an SVG exceeds 250KB. For most files under the limit that already match the display size, Wix handles compression automatically.

What image format is best for Wix?

Use JPEG or WebP for photos, PNG for images requiring transparency, and SVG for logos and icons (under 250KB). Wix converts images to AVIF on the live site regardless of your source format, so choose the format that best fits the image content and your editing workflow.

What is the maximum image file size for Wix?

Site images have a 25MB upload limit. GIFs are capped at 15MB. SVG files are limited to 250KB, and SVGs containing embedded PNG or JPEG images cannot be uploaded at all.

Can I disable lazy loading on Wix?

No. Lazy loading is a built-in Wix feature that cannot be turned off. Wix loads a low-resolution placeholder first, then swaps in the full image as it enters the viewport.

What size should a Wix blog image be?

According to Wix's blog-specific guidance, body images in Wix Blog should be kept below 1000 × 1000 px. Cover images and hero visuals follow different recommendations depending on the layout. Always check the Wix support article for the specific component you are using.

Why does my image look blurry after uploading to Wix?

Blurriness usually means the source image was smaller than the display slot, forcing Wix to upscale it, or that Image Sharpening is turned off. Check that your source dimensions meet or exceed the element's rendered size, and enable Image Sharpening in the image settings if the option is available for your element.

How can I confirm Wix is serving an optimized image?

Open browser DevTools, go to the Network tab, filter by Img, and check the Content-Type header — it should read image/avif. Also review the transferred size versus the intrinsic and rendered dimensions. Run the page through PageSpeed Insights to see whether any image diagnostics are flagged.

Sources