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
Recortar imagen — Recorta cualquier zona o proporción fija y descarga a resolución completa.
Generador de iconos de app — Convierte una imagen en todos los tamaños de icono de app para iOS, macOS y Android, descargados en un ZIP, en tu navegador.