When you insert a photo into a Wix page, Wix automatically crops the photo to fit the frame. This can be frustrating if you want to show the whole photo, or if you want to control the cropping yourself.
Fortunately, there is a way to stop Wix from cropping your photos. With a little HTML code, you can make Wix respect the dimensions of your photos, and allow you to control the cropping yourself.
Exciting update! We've collaborated with Wix to offer WBI users with a free plan for all website creation needs - Explore the details here.
To stop Wix from cropping your photos:
1.Upload your photo to a site like Imgur or Flickr
This step is necessary because, when you insert a photo into a Wix page, Wix doesn’t just insert the photo itself; it inserts a link to the photo. So, in order for us to be able to control the cropping of the photo, we need to be able to control where that link goes.
2. Find the URL of the photo on Imgur or Flickr
Once you’ve uploaded your photo, find the URL of the page on which it’s hosted. For example, on Imgur, the URL will be something like “http://imgur.com/xxxxxxx”.
3. Insert the following HTML code into your Wix page:
<img src="URL OF PHOTO ON IMGUR OR FLICKR" style="max-width:100%; height:auto;">
4. Replace “URL OF PHOTO ON IMGUR OR FLICKR” with the actual URL of your photo
For example, if the URL of my photo on Imgur is “http://imgur.com/xxxxxxx”, I would insert this code into my Wix page:
<img src="http://imgur.com/xxxxxxx" style="max-width:100%; height:auto;">
And that’s it!
By inserting that HTML code into your Wix page, you’re telling Wix not to crop your photos automatically. Instead, it will respect the dimensions of your photos, and you can control the cropping yourself by using the built-in image editor.
Conclusion:
In order to stop Wix from cropping photos, simply upload the photo to a site like Imgur or Flickr, find the URL of the hosted photo, and then insert HTML code into your Wix page with that URL.
<img src="URL OF PHOTO ON IMGUR OR FLICKR" style="max-width:100%; height:auto;">