RoundedPic vs Corner Radius

This app applies rounded corners, masks, overlays, filters and borders to pictures. • Put rounded corners on images with radius from 0 to half the length of smallest side of the image • Border images with thickness from 0 to half the length of smallest side of the image • Image options to crop square, crop to the same aspect ratio of any mask image selected • Change opacity of an image to any value between 0 and 1 • Transform the image by flipping vertical or horizontal, rotate in increments of 90º • Apply a mask as an overlay to an image, with opacity from 0 to 1 and scaling • Move the overlay precisely across the image using sliders • Masks can be inverted, changing transparent pixels to opaque and opaque pixels to transparent • Convert color images, specifically black and white images, to images with transparency based on their intensity • Masks can be applied in two different modes - using transparency to cutout or blend pixels • Like images, masks can be transformed by flipping vertical or horizontal, and rotated in increments of 90º • Apply a filter to the image, mask and canvas separately. You can adjust the corner radius from 0, no rounding, to half the width of the smallest side of the image, enabling you to create anything from subtly rounded edges to perfect circles. Add borders with color. The app features masking and overlay capabilities. For example by applying a mask with a transparent region in the shape of a star, the app can use the transparent parts of the mask to crop your image to a star-shape, leaving the rest of the image transparent or filled with a solid background color. Using the transparency of this star shape, it can then be drawn over another image like a stamp. For convenience, the app includes a collection of built-in masks to help get started quickly. The canvas is an optional drawing area with a specified aspect ratio. The canvas acts as a backdrop for the image, much like a mask overlays the image. Key functionalities include: • Image Positioning and Scaling: When a canvas is specified, the image can be scaled and positioned relative to the canvas, and any applied mask follows these transformations. • Canvas Specification Options: You can choose the canvas aspect ratio from common paper types or define custom dimensions. Available options include: - US Letter (11:8.5) — Ratio: 1.294 - US Legal (14:8.5) — Ratio: 1.647 - Executive (10.5:7.25) — Ratio: 1.448 - Tabloid (17:11) — Ratio: 1.545 - B5 (250:176) — Ratio: 1.420 - A4 (297:210) — Ratio: 1.414 - HD (16:9) — Ratio: 1.778 - Cinematic (21:9) — Ratio: 2.333 - SD (4:3) — Ratio: 1.333 - Golden Ratio (1.618:1) — Ratio: 1.618 - Square (1:1) — Ratio: 1.000 - Custom — User-defined ratio - None — No canvas applied The actual canvas size is the smallest rectangle with the selected aspect ratio that fully contains the current image, centered within it. • Custom Canvas Image: If a custom image is used as the canvas: - The image is displayed inside the canvas. - Transparent images can set the canvas size without visual distractions. • Canvas Background Options: - Solid color (user-selectable). - Predefined background images (via browser). - Procedural textures (generated randomly). • Canvas Transforms: Apply the following transformations to the canvas: - Flip: Horizontal or vertical. - Rotation: 90º, 180º, or 270º.

Pick the exact corner radius for a button, card, sheet, or app icon — and see it live, at real size, before you write a single line of code. Most radius decisions happen blind: you type a number, rebuild, squint, and type another. RadiusPreview turns that loop into one slider. Drag it and a real, scalable shape reshapes instantly on screen — 0 to 160 pt, uniform or corner-by-corner. Flip between Apple's continuous squircle and a true circular arc and watch the difference the way your eyes actually read it. When the shape looks right, the exact CSS, SwiftUI, or SVG is already written for you, ready to copy. WHAT YOU GET - One slider that reshapes a real UI surface in real time — no rebuild, no guessing - Copy-ready CSS, SwiftUI, and SVG code for the exact shape on screen - Independent control of all four corners for sheets, chat bubbles, and tabs - A continuous-vs-circular comparison that finally explains why one looks softer - 12 ready-made presets — card, button, pill, sheet, squircle, app icon mask and more - A saved library of your shapes, so a decided radius never gets re-litigated PERFECT FOR - iOS developers matching SwiftUI surfaces to the system look - Web and front-end developers writing border-radius by hand - Product and UI designers defining a radius scale for a design system - Anyone who has ever argued about whether 12 or 16 looks better WHY NOT JUST EYEBALL IT IN THE INSPECTOR? Because a radius of 44 pt on a 260 pt card is not the same radius on a 56 pt button, and a continuous curve at 24 does not match a circular curve at 24. Seeing both at true size, side by side, takes seconds — reworking a component after it ships takes a day. LEARN A built-in Learn section explains the nested-radius rule, how to build a radius scale, the half-height pill trick, per-corner syntax in CSS and SwiftUI, and when sharp beats soft. PRIVACY Everything runs on your device. No account, no sign-in, no ads, no tracking. It works fully offline. FULL ACCESS Premium unlocks per-corner radius control, SwiftUI and SVG code export, the side-by-side continuous vs circular comparison, and all premium presets. Available as a weekly subscription, a yearly subscription, or a one-time lifetime purchase. CSS export, uniform radius, free presets, the radius scale reference, saved shapes, and the Learn section are included without a subscription. Open the app, drag the slider until the corner looks right, and paste the code into your project. Terms of Use (EULA): https://web-levi.web.app/terms Privacy Policy: https://web-levi.web.app/privacy-policy Questions? https://web-levi.web.app/#contact