How to Round Image Corners on Squarespace

In recent years, website design trends have shifted towards softer, more inviting aesthetics. Many of my clients prefer rounded sections, curved images, and smooth sans-serif fonts to create a more welcoming and polished look.

One of the easiest ways to implement this trend on your Squarespace site is by rounding the corners of your images.

In this guide, I'll walk you through how to adjust image corner radius settings in Squarespace, giving your website a modern and visually appealing touch.

Watch the video

Check out the YouTube video below 👇

Why Use Rounded Image Corners?

Before we dive into the how-to, let’s quickly go over why you might want to round the corners of your images:

• Creates a Softer Look - Harsh, sharp edges can feel rigid, whereas rounded corners provide a more modern and friendly feel.

• Enhances Design Consistency - If you're already using rounded sections, buttons, or typography, rounded images help maintain a cohesive aesthetic.

• Improves Visual Flow - Curved edges naturally guide the user's eye, improving the overall experience on your site.

How to Round Image Corners in Squarespace

Step 1: Select an Image to Edit

1. Navigate to the page where your image is located.

2. Double-click on the image to open the settings.

3. Click on Design to access customization options.

Step 2: Adjust the Corner Radius

1. Head to the Corner Radius setting.

2. Increase the pixel value to add a curve to the image edges (e.g. 30px for a subtle curve, higher for a more pronounced effect).

3. Preview the changes to see if you’re happy with the results.

Step 3: Customize Individual Corners (Optional)

Squarespace also allows for granular control over each corner:

• Adjust individual corners if needed (e.g. keep the top corners rounded while keeping the bottom corners sharp).

---

📩 Join the inner circle to get exclusive code updates

---

Best Practices for Using Rounded Images

• Keep It Consistent - Stick to a uniform corner radius across all images for a balanced design.

• Match Other Design Elements - If your site features rounded buttons or sections, ensure your images follow the same style.

• Consider Background Colors - Adjust corner settings to align images neatly with colored sections.

By rounding the corners of your images, you can instantly modernize your Squarespace site and create a more refined aesthetic. 

---

Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

---

Want more?