Wix Image Settings: A Complete Guide to Managing Images on Your Website
Images are one of the most powerful tools in your Wix website's visual toolkit. The right image can communicate your brand values instantly, engage visitors emotionally, and improve your SEO. Getting your image settings right in Wix — including correct sizing, cropping, alt text, and file compression — is essential for both a professional appearance and strong search engine performance. This guide covers everything you need to know about managing images in the Wix Editor.
Step-by-Step: How to Add and Configure Images in Wix
Step 1: Add an Image to Your Page
Open your site in the Wix Editor and navigate to the page where you wish to add an image. Click Add Elements (+) then select Image. Browse the image widget options (Single Image, Image & Text, Image Strip, etc.) and click to add one to the page. A placeholder image will appear — click Change Image to replace it with your own.
Step 2: Upload Your Image
Click Change Image to open the Wix Media Manager. Click Upload Media to upload an image from your computer, or select an image already in your media library. Supported formats include JPG, PNG, GIF, WebP, and SVG. For photographs and complex images, JPG is usually best. For logos, icons, and images requiring transparency, use PNG or SVG.
Step 3: Set the Image Display Mode (Fit vs. Fill)
Click on the image element and open Settings. The display mode controls how the image fills its container. Fill mode: the image fills the entire container, cropping the edges if necessary — best for background-style images where full coverage is needed. Fit mode: the entire image is visible within the container, with empty space added if the aspect ratios do not match — best for logos and product images where showing the full image is important.
Step 4: Crop and Reposition the Image
To crop an image within its container, click the image and select Crop in the toolbar. Drag the image within the crop frame to reposition the focal point. This is particularly useful for ensuring the most important part of an image (such as a person's face or a product's key feature) is always visible, regardless of the container's shape on different screen sizes.
Step 5: Add Alt Text to Your Image
Click on the image element and select Settings. In the Alt Text field, type a descriptive, keyword-relevant description of the image. For example: 'Professional Wix website design for a small business in Fleet, Hampshire.' Alt text serves two critical purposes: it helps screen readers describe images to visually impaired users (accessibility), and it tells search engines what the image shows (SEO), helping your images appear in Google Image Search.
Step 6: Add a Link to the Image
To make an image clickable, click on it and select the Link icon in the toolbar. Choose the link type (internal page, external URL, etc.) and enter the destination. Linked images are particularly useful for portfolio thumbnails, product images, and banners that should direct visitors to a specific page.
Step 7: Apply Filters and Effects
Click on the image and select Design or Filters to apply visual effects such as brightness, contrast, saturation, blur, or colour tint overlays. These can be useful for creating a consistent visual style across your site or for making overlaid text more legible by darkening a background image.
Step 8: Check Mobile Display and Publish
Switch to the Mobile Editor to verify that all images display correctly on smaller screens. Images that look perfect on desktop may be cut off or incorrectly scaled on mobile. Adjust crop positions or image sizes as needed in the mobile view. Once satisfied, click Publish.
SEO Best Practices for Wix Images
Compress images before uploading — Use tools such as TinyPNG, Squoosh, or ImageOptim to reduce file size without visible quality loss. Large image files slow down page load times, which negatively impacts your Google ranking. Rename image files descriptively before uploading (e.g., 'wix-website-design-fleet-hampshire.jpg' not 'IMG_0042.jpg'). Complete alt text for every single image on your site. Use high-resolution images that look sharp on retina/high-DPI displays.
Common Mistakes to Avoid
Uploading oversized images — Images larger than 1–2MB add unnecessary weight to your page. Always compress images before uploading to Wix.
Using stock images that look generic — Low-quality or overly generic stock photos undermine your credibility. Wherever possible, use real photographs of your business, team, products, or work.
Leaving alt text blank — Missing alt text means your images are invisible to search engines and inaccessible to visually impaired users. Complete alt text for every image.
Stretching images beyond their native resolution — Enlarging a low-resolution image causes it to appear blurry and pixelated. Always use images at or above the size they will be displayed.
Not checking mobile image display — An image that looks perfect on desktop can be cut off or poorly positioned on mobile. Always verify images in the Mobile Editor.
Practical Tips and Advice
Use WebP format for the best balance of quality and file size — Wix automatically serves WebP versions of your uploaded images to supported browsers, which reduces file sizes by up to 30% compared to JPG without any visible quality difference.
Keep a consistent visual style — Using images with a consistent colour palette, tone, and composition creates a more professional and cohesive visual identity for your brand.
Use Wix's free image library — Wix provides access to a large library of free stock images from Unsplash and Wix's own library. These can be a useful source of high-quality imagery at no cost, particularly for background sections and decorative elements.
Wix Image Settings Checklist
☑ All images compressed before uploading
☑ Image files named descriptively (no IMG_0042.jpg)
☑ Alt text completed for every image
☑ Display mode set correctly (Fill or Fit) for each image
☑ Crop position adjusted to show the key focal point
☑ Linked images have correct links set
☑ Image filters/overlays applied where needed for text legibility
☑ All images checked in Mobile Editor
☑ Site published after all image updates
Frequently Asked Questions
1. What is the ideal image size for Wix websites?
For full-width banner or hero images, aim for a width of 1920px at 72 DPI and keep the file size under 500KB. For standard content images, 800–1200px wide is usually sufficient. Always compress images before uploading. Wix automatically serves optimised versions at appropriate sizes for different devices and screen resolutions.
2. Can I use SVG images on my Wix website?
Yes. Wix supports SVG (Scalable Vector Graphic) files. SVG images are ideal for logos, icons, and illustrations because they scale perfectly at any size without losing quality. Upload SVG files via the Wix Media Manager just as you would any other image format.
3. Does Wix automatically optimise images for faster loading?
Yes. Wix automatically compresses and converts your uploaded images to optimised formats (such as WebP for supported browsers), serves appropriately sized versions for different device types, and delivers them via a fast global CDN (Content Delivery Network). However, you should still upload images at an appropriate size and compress them before uploading, as Wix optimisation works best on images that are already reasonably sized.
4. How do I add alt text to images in Wix?
Click on any image in the Wix Editor to select it. In the toolbar that appears, click Settings. You will see an Alt Text field where you can type your description. Alternatively, you can add alt text directly within the Wix Media Manager by clicking the pencil (edit) icon on each image and completing the alt text field there.
5. Can I use animated GIFs or WebP images on Wix?
Yes. Wix supports animated GIFs, static WebP images, and animated WebP. Animated GIFs can add visual interest to your pages, but use them sparingly as they can increase page load times significantly. Wix will display GIFs with their animation intact when placed on your page.