🍋 Image Tools

Round Corners

Add rounded corners to images with transparent backgrounds.

Free ブラウザのみ No sign-up

🍋

ドロップ

🫸

Squeeze

🍹

Fresh!

⚙️ Squeeze Settings

角の丸み

正方形円形 (50%)

透明度を保持するため、出力は常にPNGです。

🍋

Freshly Squeezed!

Browse tools

Round Cornersについて

Add rounded corners to JPEG, PNG, and WebP images. Adjust the corner radius from subtle rounding to full circle. Output is always PNG to preserve the transparent corners.

仕組み

A clipping path with rounded corners is created on a Canvas using quadraticCurveTo. The image is then drawn inside this clipped area. The result is exported as PNG to preserve the transparent corner areas.

ステップごとの使い方

1 [
2 '
3 U
4 p
5 l
6 o
7 a
8 d
9
10 o
11 n
12 e
13
14 o
15 r
16
17 m
18 o
19 r
20 e
21
22 i
23 m
24 a
25 g
26 e
27 s
28
29 (
30 J
31 P
32 E
33 G
34 ,
35
36 P
37 N
38 G
39 ,
40
41 o
42 r
43
44 W
45 e
46 b
47 P
48 )
49 '
50 ,
51
52 '
53 A
54 d
55 j
56 u
57 s
58 t
59
60 t
61 h
62 e
63
64 c
65 o
66 r
67 n
68 e
69 r
70
71 r
72 a
73 d
74 i
75 u
76 s
77
78 s
79 l
80 i
81 d
82 e
83 r
84
85 (
86 0
87 %
88
89 =
90
91 s
92 q
93 u
94 a
95 r
96 e
97 ,
98
99 5
100 0
101 %
102
103 =
104
105 c
106 i
107 r
108 c
109 l
110 e
111 )
112 '
113 ,
114
115 '
116 C
117 l
118 i
119 c
120 k
121
122 R
123 o
124 u
125 n
126 d
127
128 t
129 o
130
131 p
132 r
133 o
134 c
135 e
136 s
137 s
138
139 y
140 o
141 u
142 r
143
144 i
145 m
146 a
147 g
148 e
149 s
150 '
151 ,
152
153 '
154 D
155 o
156 w
157 n
158 l
159 o
160 a
161 d
162
163 t
164 h
165 e
166
167 r
168 o
169 u
170 n
171 d
172 e
173 d
174
175 P
176 N
177 G
178
179 r
180 e
181 s
182 u
183 l
184 t
185 s
186 '
187 ]

ヒント

[
'
S
e
t
r
a
d
i
u
s
t
o
5
0
%
t
o
c
r
e
a
t
e
a
c
i
r
c
u
l
a
r
c
r
o
p
f
r
o
m
a
s
q
u
a
r
e
i
m
a
g
e
.
'
,
'
F
o
r
s
u
b
t
l
e
r
o
u
n
d
i
n
g
,
t
r
y
5
-
1
0
%
.
'
,
'
T
h
e
o
u
t
p
u
t
i
s
a
l
w
a
y
s
P
N
G
t
o
p
r
e
s
e
r
v
e
t
r
a
n
s
p
a
r
e
n
t
c
o
r
n
e
r
s
.
'
,
'
S
q
u
a
r
e
i
m
a
g
e
s
a
t
5
0
%
r
a
d
i
u
s
p
r
o
d
u
c
e
p
e
r
f
e
c
t
c
i
r
c
l
e
s
.
'
]

Categories

Round Corners

⚙️ Squeeze Settings

Round Cornersについて

仕組み

ステップごとの使い方

ヒント

よくある質問