How to use
- Round the 48 pixel tile with radius 8 and white.
- Expect a white corner.
- Round it with radius 12 and #112233 and expect a navy corner.
Formula / how it works
tile-48.png stays 48 by 48. Radius 8 with white outside leaves the corner pixel white, 255, 255, 255. Radius 12 with #112233 leaves that corner navy. The file is still a rectangle. The rounded part is paint, not a transparent hole. A page that sits on a coloured background will show the outside colour you typed, so match that colour to the page or the corner will look like a sticker. The radius must fit inside the shorter side. A radius larger than half the tile is refused. The centre of the tile is still the original picture.
The white corner and the navy corner are the two proofs. The tile stays 48 by 48, so the roundness is paint inside a rectangle. Put the file on a page whose background matches the outside colour or the corner reads as a patch. A radius that does not fit the shorter side is refused. The centre of the tile is still the picture you opened.
White at the corner for radius 8, navy at the corner for radius 12, and the tile still 48 by 48 both times. The roundness is paint inside a rectangle, so a webpage shows the outside colour unless that colour matches the page. Transparency is not the method. A radius that does not fit is refused instead of clamped. The middle of the tile is the picture you opened. Match #ffffff or #112233 to the page you will place the file on, or the corner will read as a patch.
Corner white at radius 8, corner navy at radius 12, tile still 48 by 48. Paint, not a hole. Match the page colour or the corner looks stuck on. A radius that does not fit is refused. The centre of the tile is untouched.
Place the white-corner file on white and the navy-corner file on #112233 if you want the roundness to disappear into the page. On the wrong colour the corner looks taped on, because it is paint. The tile is 48 by 48 either way. The centre is the original picture. A radius that does not fit is an error, not a clamp. Nothing is uploaded.
White corner, navy corner, same 48 by 48 tile. Put each file on a page of the same colour if you want the roundness to vanish. On a mismatched page the corner looks attached, because the outside is paint rather than a hole. A radius that does not fit the shorter side is an error. The centre of the tile is still the picture. Nothing is uploaded while you try the two colours.
The outside colour is paint. A border is a different frame, on image border.
Worked examples
Radius 8 on white
Inputs: rnd-f: tile-48.png | rnd-r: 8 | rnd-color: #ffffff
On this page, take tile-48.png, then 8, then #ffffff and press Round corners. The corner is paint, not a transparent hole.
Result: Rounded corners, radius 8 px, outside filled #ffffff: 48×48 PNG. The file stays rectangular. Tra…
Radius 12 on navy
Inputs: rnd-f: tile-48.png | rnd-r: 12 | rnd-color: #112233
On this page, take tile-48.png, then 12, then #112233 and press Round corners. The corner is paint, not a transparent hole.
Result: Rounded corners, radius 12 px, outside filled #112233: 48×48 PNG. The file stays rectangular. Tr…
Use cases
- Matching a page background so the corner does not show as a box.
- Keeping a rectangular file.
- Refusing a radius that does not fit.
- Leaving the centre of the picture intact.
Tips & limitations
- The corner is paint, not transparency.
- Match the outside colour to the page.
- 48 by 48 stays 48 by 48.
- Half the shorter side is the largest legal radius.
FAQ
What colour is the radius-8 corner?
White, 255, 255, 255.
What colour is the radius-12 corner?
Navy, 17, 34, 51, from #112233.
Did the file become non-rectangular?
No. The PNG is still 48 by 48.
Is the outside transparent?
No. It is the colour you typed.
What if the radius is huge?
It is refused when it does not fit the shorter side.
Is the tile uploaded?
No.
The white and navy corners are tile-48.png. On a coloured webpage, pick the outside colour to match or the corner reads as a sticker.