Studio Editor: Troubleshooting Images That Appear Cropped
3 min read
In this article
- Step 1 | Reset the image to match the bounding box
- Step 2 | Adjust the focal point of the image
- Video tutorial
- FAQs
If an image appears cropped after adding it in the Studio Editor, it could be due to a mismatch between the image's aspect ratio and the bounding box settings.
For example, in the screenshot below, the middle image appears cropped as it has a different image ratio to the bounding box.
Follow the steps below to troubleshoot and fix the issue.
Step 1 | Reset the image to match the bounding box
When you upload an image, it might crop because the aspect ratio of the image doesn't match the ratio of the bounding box. You can reset the image to adjust the bounding box to match the original aspect ratio of the uploaded image, ensuring it fits without cropping.
To reset the image:
- Select the image in your editor.
- Click the Settings icon
. - Click Reset Image.
Tip:
You might also want to play around with the Display mode options in the Settings panel to see which fits your image best.
Step 2 | Adjust the focal point of the image
After you have reset the image, resize it as needed. If you want the image size to match other images, but the resizing crops part of the image, set the focal point to ensure the most important part of the image remains visible.
To adjust the focal point of the image:
- Select the image in your editor.
- Click the Focal Point icon
.
- Select the area of the image that you want to remain visible when it's resized.
Video tutorial
Check out the video below to see this issue being resolved.
FAQs
Click a question below to learn more.
Can I use images with different aspect ratios in the same section?
What shall I do if my image still looks wrong after resetting and adjusting the focal point?
