Esquinas Redondeadas de Imagen
Recorta una imagen con un path de rectángulo redondeado (o círculo, o squircle) horneado en un PNG transparente. Útil para cuadrados de avatar, tiles de miniaturas, y cualquier imagen que necesita coincidir con un styling de `border-radius` sin hacerlo en CSS. El modo por-esquina toma cuatro radios independientes (arriba-izq, arriba-der, abajo-der, abajo-izq); padding añade un borde opaco alrededor del recorte; el modo JPEG aplana la transparencia a un color de fondo elegido ya que JPEG no puede llevar alfa.
Cómo usar
- Suelta una imagen. Elige un modo — radio uniforme para una tarjeta redondeada normal, círculo para un avatar de un cuadrado, squircle para una forma estilo iOS.
- El modo por-esquina te da cuatro sliders si necesitas un recorte asimétrico (una esquina de bubble de chat, por ejemplo).
- Descarga como PNG para mantener las esquinas transparentes, o JPEG si el tamaño importa más que alfa.
Preguntas frecuentes
- ¿Qué es un squircle?
- Una forma de curvatura continua entre un círculo y un cuadrado — la forma del icono de app de iOS, el 'superelipse' de Apple (n≈4). Se ve más suave que un rectángulo redondeado porque la curvatura no tiene una transición abrupta de recto a curva.
- ¿Por qué mi salida tiene un fondo de tablero de ajedrez?
- Eso es solo la vista previa mostrando el área transparente. El PNG descargado mantiene la transparencia real — suéltalo en una página y las esquinas serán traslúcidas.
Herramientas relacionadas
Generador de Border Radius
Arrastra esquinas por separado, prueba radios elípticos, copia el CSS — con presets chat-bubble, pill, blob y tab.
Recortar bordes de imagen automáticamente
Recorta automáticamente bordes transparentes, blancos, negros o de cualquier color sólido de una imagen — con tolerancia ajustable, control de relleno y exportación PNG/JPEG/WebP. Todo en tu navegador.
Programador de pares round-robin (Torneo y rotación 1-a-1)
Genera un calendario completo de emparejamientos round-robin donde cada participante se encuentra con cada otro exactamente una vez — usando el clásico método circular.
Generador de CSS clip-path (polígono, círculo)
Generador visual de la propiedad CSS `clip-path` — elige una forma (círculo, elipse, inset o polígono), ajusta números con sliders o haz clic en la vista previa para añadir puntos del polígono, y copia una declaración CSS lista para pegar. Incluye 10 presets (triángulo, hexágono, estrella, flecha, bocadillo, plus, …).
Recortar Imagen (Proporción)
Recorta cualquier imagen a una proporción estándar (1:1, 16:9, 4:3…) centrada automáticamente.
Enfocar imagen (Unsharp Mask)
Enfoca cualquier foto o captura en tu navegador con el algoritmo unsharp mask — tres sliders (amount, radius, threshold), cuatro presets (sutil → extremo), comparación en vivo antes/después y descarga PNG. Nada se sube.