Design Circle Image with Border Radius 50%

Creating a circular image is a simple yet effective design technique to enhance the visual appeal of your page. 

By setting a border radius of 50%, you can transform square or rectangular images into perfect circles, adding a sleek and modern look to your design.

Example

Below is an example of a circle image created using the Border Radius setting. This design can be used for profile photos, icons, or decorative elements.

Design a Circle Image with a Border Radius of 50%

Step 1: Add an Image Element

Drag and drop the Image element onto your page.

Step 2: Adjust the Image Proportions

Select the image to open the Image Settings. 

Set the Image Proportion to Square to ensure the width and height are equal. 

Change the values of height and width if you want.

Step 3: Apply the Border Radius

Navigate to the Corner settings.

Choose the Circle option. This will give the image a perfect circular shape.