O que é um squircle?

Uma forma de curvatura contínua entre um círculo e um quadrado — a forma do ícone de app do iOS, a 'superelipse' da Apple (n≈4). Parece mais suave que um retângulo arredondado porque a curvatura não tem uma transição abrupta de reto pra curva.

Por que minha saída tem um fundo de tabuleiro de xadrez?

Isso é só a visualização mostrando a área transparente. O PNG baixado mantém a transparência real — solte numa página e os cantos serão translúcidos.

Cantos Arredondados de Imagem

Imagem

Recorta uma imagem com um path de retângulo arredondado (ou círculo, ou squircle) assado num PNG transparente. Útil pra quadrados de avatar, tiles de miniaturas, e qualquer imagem que precisa combinar com um styling de `border-radius` sem fazer em CSS. O modo por-canto pega quatro raios independentes (topo-esq, topo-dir, base-dir, base-esq); padding adiciona uma borda opaca ao redor do recorte; o modo JPEG achata a transparência pra uma cor de fundo escolhida já que JPEG não pode carregar alfa.

—

Como usar

Solte uma imagem. Escolha um modo — raio uniforme pra um cartão arredondado normal, círculo pra um avatar de um quadrado, squircle pra uma forma estilo iOS.
O modo por-canto te dá quatro sliders se você precisa de um recorte assimétrico (um canto de balão de chat, por exemplo).
Baixe como PNG pra manter os cantos transparentes, ou JPEG se tamanho importa mais que alfa.

Perguntas frequentes

O que é um squircle?: Uma forma de curvatura contínua entre um círculo e um quadrado — a forma do ícone de app do iOS, a 'superelipse' da Apple (n≈4). Parece mais suave que um retângulo arredondado porque a curvatura não tem uma transição abrupta de reto pra curva.
Por que minha saída tem um fundo de tabuleiro de xadrez?: Isso é só a visualização mostrando a área transparente. O PNG baixado mantém a transparência real — solte numa página e os cantos serão translúcidos.