Redondear esquinas de imagen
Recorta cualquier imagen con esquinas redondeadas o en círculo perfecto y exporta un PNG con transparencia real, listo para avatares y diapositivas.
Redondear esquinas de imagen funciona por completo en tu navegador con el lienzo. Tus imágenes se procesan en tu dispositivo y nunca se suben.
Abrir el Recortador de imágenes
Acerca de Redondear esquinas de imagen
Redondear esquinas de imagen hace lo que hace border-radius en CSS, pero lo graba en el archivo, para todos los sitios a los que el CSS no llega: presentaciones, documentos, chats, marketplaces y capturas para tiendas de aplicaciones. Suelta una imagen, elige un ajuste de sutil a píldora o arrastra el control de radio; el radio funciona como porcentaje del lado corto y las parejas de esquinas se reducen juntas en lugar de solaparse, exactamente como los navegadores resuelven border-radius. El modo círculo recorta primero al cuadrado centrado y luego al disco perfecto: el flujo del avatar en un paso. La exportación es un PNG con esquinas genuinamente transparentes.
Características
- Control de radio de 0 a 50 % del lado corto
- Ajustes: sutil, medio, redondeado y círculo completo
- Resolución de solapes estilo CSS, sin esquinas pellizcadas
- Modo círculo con recorte cuadrado centrado automático
- Transparencia alfa real en el PNG exportado
- Vista previa sobre tablero de ajedrez
Cómo usar Redondear esquinas de imagen
- Suelta una imagen o haz clic para elegirla
- Elige un ajuste o arrastra el control de radio
- Cambia a modo círculo para avatares
- Descarga el PNG transparente
Ejemplo
Entrada
1200×800 screenshot · radius 10%
Salida
PNG with 80 px rounded corners and transparent outside
El 10 % del lado corto de 800 px: la misma cuenta que border-radius en CSS.
Errores comunes y solución de problemas
- Las esquinas salen blancas en otra aplicación. — La transparencia es real: algunas apps aplanan los PNG sobre blanco al pegarlos. Inserta el archivo en lugar de pegar los datos de imagen.
- El recorte circular cortó parte del sujeto. — El modo círculo recorta al cuadrado centrado. Recorta antes la imagen para centrar el sujeto: la cara de un retrato rara vez está en el centro exacto del encuadre.
- Con 50 % la forma es una píldora, no un círculo. — En una imagen no cuadrada, el 50 % del lado corto redondea los extremos en semicírculos: una píldora. Para un círculo usa el modo círculo, que cuadra el recorte primero.
Preguntas frecuentes
- ¿Cómo redondeo esquinas sin programas de diseño?
- Suelta la imagen aquí, arrastra el control y descarga el PNG. El redondeo queda recortado en el propio archivo con esquinas transparentes, así que funciona en cualquier destino.
- ¿Cómo se relaciona el radio porcentual con border-radius?
- Es idéntico por diseño: el porcentaje se aplica al lado corto, y cuando dos radios de un borde se solaparían, ambos se reducen proporcionalmente, la misma regla de los navegadores.
- ¿Puedo hacer una foto de perfil circular desde una foto rectangular?
- Sí: el modo círculo recorta el mayor cuadrado centrado y lo recorta en disco en un paso. El resultado es un PNG transparente.
- ¿Redondear esquinas reduce la calidad?
- No. Los píxeles dentro de la forma se copian sin cambios; solo las esquinas pasan a transparentes. Tampoco se recomprime nada, porque la salida es PNG sin pérdida.
Herramientas relacionadas
Todas las herramientas de ArrayKit