Round the Corners of an Image
Soften any photo with smooth rounded corners — set the radius and keep the corners transparent — free and right in your browser.
フレームする画像をドロップ
ドラッグ&ドロップ、貼り付け、またはファイルを選択
PNG · JPG · WebP · GIF · BMP — お使いのデバイスでフレーム加工
Why round an image's corners?
Rounded corners are everywhere in modern design — app icons, cards, avatars, thumbnails, UI mockups. Softening the sharp 90° corners of a photo makes it feel friendlier and more polished, and it helps an image sit comfortably inside rounded buttons, cards, and containers.
This tool rounds all four corners by the radius you choose, set as a percentage so it scales with the image. With a PNG or WebP output, the area outside the rounded corners is kept fully transparent, so the image drops onto any background cleanly. Choose a solid background colour instead if you'd rather fill the corners.
How to round the corners of an image
- Open your image. Drag it onto the tool, choose a file, or paste it.
- Set the radius. Drag the rounded-corners slider until the curve looks right. Keep the border at zero for corners only, or add a border too.
- Keep it transparent and download. Leave the background transparent (PNG/WebP) so the corners cut out cleanly, then click Download.
Keep a transparent output
For rounded corners to actually cut out, export as PNG or WebP with the background set to Transparent. If you export as JPG — which can't store transparency — the corners are filled with your chosen background colour instead.
角丸 :何か、そしてその操作項目
写真の鋭い90°の四隅を、なめらかな曲線に置き換えたもの——色の帯は不要です。
- 半径
- 短い辺に対する割合(0〜50%)で、丸めすぎないよう半分で制限されます。最大では、正方形の画像が円/ピル形になります。
- 枠線(任意)
- 角だけにする場合は幅を0のままに。枠線も加えると、外枠と写真の両方が一緒に丸まり、内側の曲線は同心に保たれます。
- 透明
- 背景を「透明」に設定してPNGまたはWebPで書き出すと、曲線の外側が実際に切り抜かれます。JPGはアルファを保存できず、代わりに色で埋めます。
使いどころ
- アプリのアイコン・アバター・カードのサムネイル
- 角丸のUIボタンやコンテナの内側に収まる画像
- 角が鋭いものより、やわらかく親しみやすい雰囲気
- 切り抜き形状が必要なモックアップやデザイン素材
ヒント
角丸は透明なキャンバスでのみ丸く見えます——「透明」をオンにしてPNGまたはWebPで書き出してください。さもないと、書き出した先の背景色で角が埋まってしまいます。
More borders & frames
よくある質問
How do I round just the corners, without a border?
Set the border width to zero and drag the rounded-corners slider. Only the corners are rounded; no frame is added.
Will the corners be transparent?
Yes, if you export as PNG or WebP with the background set to Transparent. JPG can't store transparency, so it fills the corners with a colour instead.
Can I round corners and add a border at the same time?
Yes. Add a border and a radius together — the outer frame and the photo are both rounded, with the curves kept concentric.
Where is my image processed?
The border is added in your browser, so the new file is created on your own device. How any data associated with the tool is handled is described in our privacy policy.
他の画像ツール
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.