Source: https://divicake.com/blog/crop-divi-images-into-circle-shape/ [Blog](https://divicake.com/blog/)/[Tutorials](https://divicake.com/category/tutorials/) # How to Shape Your Divi Images: Crop Images into a Circle By Divi Cake·27 January 2025·Updated 19 August 2026·2 min read How to Shape Your Divi Images: Crop Images into a Circle We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [Edit the Images](https://divicake.com#edit-the-images) - [Final Result](https://divicake.com#final-result) - [Conclusion](https://divicake.com#conclusion) Want to give your website images a sleek and modern look in [Divi](https://divicake.com/go/divi/)? Cropping images into a perfect circle is a simple yet powerful way to [enhance your Divi website’s](https://divicake.com/blog/divi-enhancement-guide/) aesthetics and create a more polished design. Whether you’re working on a portfolio, blog, or business site, rounded images can add a professional and stylish touch. The best part? You don’t need any coding skills to achieve this effect! In this tutorial, we’ll walk you through the step-by-step process of cropping images into a circle using the [Divi theme](https://divicake.com/blog/what-is-divi-wordpress/) page builder in [WordPress](https://divicake.com/blog/wordpress-tutorial/). Follow along to transform your images effortlessly and make your website stand out. ## Edit the Images Hover the mouse over the [image module](https://divicake.com/go/divi-image/) that you want to convert into a circle. This will make the Gear Icon Button appear, as shown in the screenshot below. - Click on the Gear Icon button of the Image Module. - Go to the Design tab. - Click on Border in the Design tab. Hover over the image module in Divi to reveal the Gear Icon. Click the Gear Icon to open the Image Module settings. Then, go to the Design tab and select Border to start the process of cropping the image into a circle. Now, set the Border Rounded Corners to 100% for all corners, as shown in the screenshot below. Setting it to 100% will crop the image into a perfect circle. Make sure to use Percentage (%) instead of Pixels (px) to achieve the correct result. Once done, save the changes by clicking on the Tick Mark button. Set the Border Rounded Corners to 100% for all corners in Divi’s Design tab to crop the image into a perfect circle. Ensure you use Percentage (%) and not Pixels (px), then save the changes by clicking the Tick Mark button. Title: Set Border Rounded Corners for a Perfect Circle Learn More: [Design Image Galleries with Divi: Step-by-Step Guide](https://divicake.com/blog/design-image-galleries-with-divi-step-by-step-guide/) ## Final Result The screenshot below shows the final outcome, comparing the image before editing and after successfully applying all the changes. The final result shows a comparison of the image before and after applying the rounded corners effect in Divi, transforming it into a perfect circle. Important Notice: Before cropping your Divi image into a circle, ensure that the image you are cropping has equal height and width. As shown in the screenshot below, the selected image has a height of 510 px and a width of 510 px. If the height and width are not equal, the image will not crop into a perfect circle. Before cropping Divi images into a circle, ensure the image has equal height and width for a perfect crop. The image in the example shows a 510px by 510px size, essential for achieving a balanced circular shape. ## Conclusion Cropping your [Divi](https://divicake.com/go/divi/) images into a circle is a simple yet effective way to enhance the visual appeal of your website. By following the straightforward steps outlined in this tutorial, you can easily achieve a professional and polished look for your images. The process is quick, and the result is a design that is not only more attractive but also more cohesive. With just a few clicks, you can elevate the overall presentation of your [Divi website](https://divicake.com/blog/how-to-determine-if-a-website-is-built-with-divi/), making it more engaging for visitors. Learn More: [How to Create a Reveal Image Effect in Divi](https://divicake.com/blog/how-to-create-a-reveal-image-effect-in-divi/) About the author Written by Divi Cake. ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Tutorials [ Getting Started with Divi: Using the Divi Builder Tutorials7 min read ### Getting Started with Divi: Using the Divi Builder A walkthrough of the Divi Builder for new users: the backend and frontend builders, how sections, rows and modules fit together, and a simple contact page built step by step. 1 October 2026](https://divicake.com/blog/getting-started-with-divi-using-the-divi-builder/) [ How to Update the Divi Theme Tutorials4 min read ### How to Update the Divi Theme How to update the Divi theme safely: back up and test first, add your Elegant Themes API key to Theme Options, run the update from the WordPress Updates screen, and what to do with a legacy version. 23 September 2026](https://divicake.com/blog/how-to-update-divi-theme/) [ Top reasons to choose a pre-built theme for your website Blogging10 min read ### Top Reasons to Choose a Pre Built Theme for Your Website Why a pre-built theme is often the faster and cheaper way to launch a site, compared with a custom build on cost, responsiveness, customization, SEO and support. 21 September 2026](https://divicake.com/blog/reasons-to-choose-a-pre-built-theme-for-your-website/)