¿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.

Esquinas Redondeadas de Imagen

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.