<p>I'd just crop it with CSS, as you alluded to. <a href="https://www.webpagefx.com/blog/web-design/circular-images-css/" rel="nofollow noreferrer">https://www.webpagefx.com/blog/web-design/circular-images-css/</a></p>

CC BY-SA 3.0
2017-09-28T05:24:16.120Z
I created profile pages for my client's staff, then used routes to create custom email signatures for them based on their profile info... "border-radius" doesn't work on all e-mail clients, so I was trying to figure out a work-around.
Jeff Fulton
CC BY-SA 3.0
2017-09-30T00:45:05.390Z
Ah, that makes sense. It's probably doable via a custom plugin.
andrew.welch
CC BY-SA 3.0
2017-09-27T01:44:48.173Z
2017-09-27T01:44:48.173Z
andrew.welch
<p>Is it possible to add a border-radius to an Image Transform?</p>

<p>I'm using circular profile photos for a client. I could do the radius in CSS, but it'd be nice for the image to output with the radius.</p>

<image-transforms>
Border Radius on Image Transforms
# Border Radius on Image Transforms

(Asked by: username_0 on 2017-09-27)

Is it possible to add a border-radius to an Image Transform?

I'm using circular profile photos for a client. I could do the radius in CSS, but it'd be nice for the image to output with the radius.

**Tags:** image-transforms


---

## 1 answers

### Answer by username_1 on 2017-09-27. Score: 3

I'd just crop it with CSS, as you alluded to. <https://www.webpagefx.com/blog/web-design/circular-images-css/>

> **Comments:**
> **username_0**: I created profile pages for my client's staff, then used routes to create custom email signatures for them based on their profile info... "border-radius" doesn't work on all e-mail clients, so I was trying to figure out a work-around.  
> **username_1**: Ah, that makes sense. It's probably doable via a custom plugin.  

---

