Redondear esquinas de imagen

Funciones

• Radio en píxeles o como porcentaje del lado corto; 50% es círculo completo
• PNG transparente por defecto; elige un color de relleno para un JPEG mucho más pequeño
• Radio limitado a la mitad del lado corto, así la ruta nunca degenera
• Cubre avatares circulares, tarjetas redondeadas y avatares de chat en un paso
• Descarga el resultado directamente; el nombre gana el sufijo -rounded
• Las imágenes nunca se suben; funciona sin conexión

Cómo se usa

1. Arrastra tu imagen sobre la zona de puntos
2. Fija un radio en píxeles o en porcentaje, o pon 50 para un círculo
3. ¿Necesitas un color de relleno? Desmarca transparente y elige uno
4. Descarga el resultado

Preguntas frecuentes

¿Por qué la salida es PNG y no JPEG?

Porque las esquinas recortadas deberían ser transparentes: así la imagen vale sobre cualquier fondo. El JPEG no tiene canal alfa, así que esas esquinas solo pueden ser un color fijo, y en cuanto el fondo de tu página difiere aparecen cuatro manchas. Por eso la herramienta usa PNG por defecto y solo produce JPEG cuando eliges un color de relleno explícito (mucho más pequeño, y lo adecuado para avatares sobre blanco).

¿Cómo hago un avatar circular?

Pon la unidad en porcentaje y el valor en 50: eso es un círculo completo (radio igual a la mitad del lado corto). Si la fuente no es cuadrada obtienes una elipse, no un círculo; recorta antes a cuadrado si necesitas un círculo verdadero. La mayoría de las plataformas (WeChat, GitHub, incontables paneles de administración) recortan ellas mismas una imagen cuadrada en círculo, así que a menudo basta con que sea cuadrada.

¿Por qué un radio muy grande no cambia nada?

Porque más allá de la mitad del lado corto las esquinas ya no pueden redondearse más: han consumido todo el lado, dejando un arco continuo. La herramienta limita ahí, que es también lo que hace que «redondeo máximo» sea un ajuste bien definido. En una imagen muy ancha (800×200, por ejemplo) un radio de 100px ya está cerca del límite.

¿Las esquinas quedan dentadas?

No. El dibujo usa recorte por ruta del canvas, y el navegador aplica antialiasing por cobertura, en lugar de dibujar primero y borrar las esquinas, que elimina píxeles y deja un borde duro semitransparente. Cuida también el formato de salida: el PNG conserva el canal alfa completo, mientras que el JPEG mezcla esos píxeles semitransparentes del borde con el color de relleno antes de comprimir, así que usa PNG siempre que las esquinas deban ser transparentes.