Imagem / Recorte por forma

Recorte circular: baixe uma forma em PNG ou SVG

Posicione e amplie uma imagem dentro de um círculo ou forma, adicione uma borda ou fundo e baixe localmente um PNG transparente ou SVG recortado.

Recorte circular: baixe uma forma em PNG ou SVG: Recorta uma imagem em uma de sete formas. “Ajustar” mostra toda a fonte; “preencher” cobre o recorte. As fontes SVG mantêm sua geometria sanitizada dentro de um viewport aninhado e de um clipPath. As fontes GIF usam o primeiro quadro decodificado. O PNG mantém a transparência fora da forma. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Execuções
No seu navegador
Custo
Grátis · sem cadastro
Disponibilidade
Pronto para usar
Corte circular e em formasProcessamento local

Roda inteiramente no seu navegador

Escolha ou solte uma imagem ou SVG

Recorte de SVG

A saída usa um clipPath de SVG com um caminho fechado e uma imagem incorporada ou um SVG vetorial aninhado. Especificação: https://www.w3.org/TR/SVG2/masking.html

Saída rasterizada e vetorial

Incorporar uma imagem rasterizada em SVG altera o contêiner, não transforma a imagem em caminhos vetoriais. Os elementos de imagem SVG aceitam recursos de dados incorporados. Especificação: https://www.w3.org/TR/SVG2/embedded.html

Como usar

  1. Escolha um arquivo PNG, JPEG, WebP, GIF ou SVG.
  2. Escolha uma forma, arraste ou ajuste a posição da imagem e defina o tamanho da saída.
  3. Baixe em PNG ou SVG; fontes raster continuam incorporadas como imagens raster no SVG.

Privacidade e limitações

Os arquivos são processados no seu navegador. Nada é enviado e recursos externos de SVG são removidos.

Ferramentas relacionadas

Perguntas frequentes

O download em SVG vetoriza minha foto?

Não. A entrada raster é incorporada como um URI de dados PNG dentro de um clipPath SVG. Use Image to SVG para vetorizar.

A entrada SVG continua sendo vetorial?

A geometria vetorial compatível continua vetorial. As imagens raster incorporadas existentes continuam raster. Scripts, animações e recursos externos são removidos.

O que significa a largura da borda?

A largura da borda é medida em pixels de saída. O contorno é aplicado para dentro, para que a borda caiba dentro da tela de saída.

Posso posicionar o recorte sem arrastar?

Sim. Os campos de posição horizontal e vertical oferecem os mesmos controles pelo teclado.

Ferramenta grátis · no seu navegador execuções · não precisa de conta