Images help share your message visually and create a memorable experience. The editor tools and Wix Photo Studio let you shape and customize each image to match your brand and site layout.
Show off your images just the way you want - crop and resize them, play with filters to edit their look and feel, and choose what happens when visitors click them.
Cropping an image
Crop your image so that only the part you want is displayed on your site. You can manually crop an image or use ratios.
To crop an image:
- Go to your editor.
- Click the relevant image on your page.
- Choose how you want to crop your image:
- Click the Crop icon
on the action bar.
Tip: You can also double-click the image to open the Crop option.
- Crop your image by doing one of the following:
- Drag the crop handles to select the part of the image that you want to crop.
- Move the crop window over the exact area you want to crop.
Tip:
To restore an image to its original proportion and size, Click the
Crop icon
on the action bar, and then click and drag the handles to the edge of the image.
Crop an image using ratios
Crop your image using predefined ratios or custom sizes in the
Wix Photo Studio.
- Click Edit Image on the action bar.
- Click Crop & Extend on the left side.
- Choose what you want to do:
- Use crop ratios: Click a predefined ratio to apply it to your image (e.g. 1:1, 9:16, 3:4).
- Orientation: Select Portrait
or Landscape 
orientation to change the ratio options.
Tip: Once you've selected a ratio, you can drag the crop handles to select the part of the image that you want to crop or move the crop window over the exact area you want to crop.
- Adjust the image size (px): Set the size your image will be cropped to, using the Width and Height fields. The maximum image size is 3000px x 3000px.
- Click Save.
Tip:
If you want to start over while editing an image in the Wix Photo Studio, click
Revert to Original at the top. Once you save the image, you will not be able to revert the changes.
Resizing and rotating an image
Adjust your image size and orientation to fit perfectly with your page’s design.
To resize or rotate an image:
- Go to your editor.
- Click the relevant image on your page.
- Choose what to do:
Make sure your images display the way you want by adjusting their dimensions. Drag the handles on the edges to resize the image.
Tip:
To maintain the image's aspect ratio, press
Shift on your keyboard and then drag the handles.
Rotate any image intuitively to match your design needs.
- Click the image.
- Click the Rotate icon
next to the image.
- Drag to the desired angle.
Tip:
You may find that your images are automatically rotated when you upload them to the Media Manager. This is because images taken with digital cameras have embedded metadata that relates to the orientation of the image. You can follow the steps above to rotate your images after you have uploaded them.
Designing an image
Enhance your image’s appearance to match your site’s style. Add borders, adjust corners, or choose a shadow effect so every image feels intentional and unique.
To design an image:
Go to your editor.
Click the relevant image on the page.
Click the All design options icon 
in the action bar.
Design the image:
Fill colors 
: Adjust the image's level of opacity to make it more or less visible.
Borders 
: Define the borders of your image so it stands out, choosing a color, width and style. Click the Edit all borders icon 
to design them all at once.
Corners 
: Make the corners of your image more square or round by dragging the slider under Radius. Click the Edit individual corners icon to design each corner separately.
Shadow 
: Apply inner and outer shadow to give the image an interesting 3D effect, setting the position, blurriness, color and more.
Effects 
: Decide how the image blends in with the background (i.e. the layer underneath the image).
Editing an image with AI
Use AI to edit an image without leaving the Harmony Editor. Click an image on your page and the image editing toolbar appears beside it, ready with the tools below.
You can also click Ask Aria on the image editing toolbar or the action bar at the top of the editor to describe the change you want in your own words.
To edit an image with AI:
- Go to your editor.
- Click the relevant image on your page.
- Choose how you want to edit the image:
Click the
Remove Background icon
on the image editing toolbar to remove the image's background in one click.
Change a specific part of an image by selecting the object and describing the change you want. For example, swap an object, change a color, or remove a detail.
Click the Edit with AI icon 
on the image editing toolbar.
Manually brush over the area you want to change.
Tip: Adjust the Brush Size slider for more precision, and click the Deselect icon 
to refine any areas you've brushed over.
Describe in the textbox how you want to change the image (e.g. "Change the shirt color to blue").
Click the Send icon 
.
Create a new version of your image using your current image as a starting point. The image's prompt is filled in for you so you can tweak it, and you can pick a different style from the chat.
Click the Regenerate Image icon 
on the image editing toolbar.
In the chat with Aria, review the text that was filled in for you, and edit it if needed.
Select a style from the chat.
Click the Send icon 
.
Automatically improve the image's lighting and color.
Click the More actions icon 
on the image editing toolbar and select Enhance Image.
Replace the background of an image with a custom design of your choice. Pick from existing images or describe what you want to create.
Click the More actions icon on the image editing toolbar and select Replace background.
Choose what to do:
Click the Send icon .
Expand your image in any direction, and let AI fill in realistic details to complete the picture.
Click the More actions icon on the image editing toolbar and select Expand.
Choose how to extend your image:
Extend ratio: Extend your image to a predefined size and ratio (e.g. 1:1, 9:16, 3:4).
Tip: Select portrait or landscape orientation to change the ratio options.
Image size (px): Adjust the size of your image using the Width and Height fields.
Free hand: Manually drag the corners of the image with your mouse.
Click Expand.
Click Save.
Pick a ready-made AI action and get a new design for your image. Choose from actions like placing an object in a scene, changing an object's color, or turning a product photo into a packshot.
Click the More actions icon on the image editing toolbar and select Smart Edits.
Find the action you want:
Search for an action: Enter what you want to do in the search bar (e.g. change expression).
Browse by category: Click All, Person, Product or Enhance & Style.
Click the action you want to apply.
Enter the details the action asks for. Depending on the action, you may need to upload an image, describe what you want, or choose a scene or style.
Click Generate.
Adding a link to an image
Make your images interactive by linking them to another page, website, document, or popup. A clickable image guides visitors where you want them to go with ease.
To add a link to an image:
- Go to your editor.
- Click the relevant image on your page.
- Click the Link icon
on the action bar.
- Select the link type and enter the details.
- Enter the link details.
- Click Done.
Customizing an image's settings
Fine-tune how your images appear and behave on your site. Control whether an image is decorative, set its display mode, add alt text for accessibility, or manage what happens when someone clicks it.
To customize the image settings:
- Go to your editor.
- Click the relevant image on your page.
- Click the Settings icon
on the action bar.
- Choose what to customize:
- Display Mode: Choose how the image fits on the page: fill, fit, by aspect ratio.
- Links to: Choose what this image should link to (e.g. a site page, email, document).
- Accessibility: Click the dropdown and customize the following:
- Alt text: Enter a short description of the image to make it accessible to your visitors and help search engines (such as Google) understand it. Learn more about preparing images for accessibility.
- Set as decorative: Enable the toggle if the image does not contain important information for screen readers and it's only meant to decorate the page.
FAQs
Click a question below to learn more about editing and customizing images:
How do I add a watermark?
How do I set my images to open in a popup when clicked?
You can set your image to open in a larger window when it is clicked.
To set your image to expand when clicked:
Go to your editor.
Click the relevant image.
Click the Settings icon 
on the action bar.
Click the Link icon on the action bar.
Click the More Actions icon 
and click Popup.
Click the Popup dropdown and select the relevant popup.
Click Done.
Will any changes I make to my image be reflected in the Media Manager?
It depends on how you edit the image. Standard edits, like changing the opacity, are not saved in the Media Manager. AI edits, like removing the background, are save as a new image.
Can I still use the Wix Photo Studio in the Wix Harmony Editor?
Yes, you can access the Wix Photo Studio from the Media Manager in the Wix Harmony Editor:
Go to your editor.
Click the Wix dropdown at the top left of the editor.
Select Media Manager.
Select an image
Click any of the following on the right side to open the Photo Studio: Crop & Edit, Adjust, or Cut Out Background.
How do I delete an image?
You can delete any images you no longer want from your site at any time.
Go to your editor.
Click the image in the editor.
Press Delete on your keyboard.
Note: If you have uploaded your own images, deleting them from your editor does not remove them from your Media Storage. You can add these images again at any time.
I am having issues with my images, are there any troubleshooting steps I can try?
If you are experiencing issues with your images on your site, please follow the steps below:
- Make sure that the files you are uploading meet the requirements.
- Try viewing your site on another device to see if the image issue occurs there as well.
- Click any "?" inside the editor and type your problem. You might find the answer you are looking for.
- Use the Wix Technical Assistant.
