Como usar
- Clique em Escolher arquivos ou solte uma imagem na caixa. Você também pode colá-la com Ctrl+V.
- Se a imagem estiver de lado, clique em Girar à esquerda, Girar à direita ou em um botão de espelhamento.
- Escolha uma Proporção, ou deixe em Livre. Arraste a caixa para posicioná-la, e os cantos ou as bordas para redimensioná-la.
- Para valores exatos, digite a Esquerda, o Topo, a Largura e a Altura em pixels.
- Clique em Recortar imagem e baixe o resultado.
Mover e redimensionar a caixa
Arraste dentro da caixa para movê-la, e arraste um canto ou uma borda para redimensioná-la. Com uma proporção escolhida, um canto mantém a proporção enquanto você o arrasta, e uma borda define o outro lado pela proporção. A caixa nunca sai da imagem. Com o teclado, use Tab para chegar à caixa, depois as setas para movê-la e Shift com uma seta para mudar o tamanho.
Girar e espelhar antes
Uma foto tirada com o celular na horizontal é girada quando o navegador lê a sua orientação, então costuma aparecer em pé. Se não aparecer, gire ou espelhe aqui. O recorte é feito a partir da imagem girada, e a caixa volta para a imagem inteira quando você gira ou espelha.
Recortes circulares
O recorte circular usa uma área quadrada e a limita a um círculo. Os cantos fora do círculo ficam transparentes, o que um JPEG não consegue guardar, então o resultado é sempre um PNG. Use para fotos de perfil e logotipos redondos.
Exemplo: um cabeçalho 16:9 a partir de uma foto de 4.000 × 3.000
Escolha a proporção 16:9 em uma foto de 4.000 × 3.000 pixels. A maior caixa com essa forma tem 4.000 pixels de largura e 2.250 pixels de altura, posicionada a 375 pixels do topo, de modo que as faixas de cima e de baixo são removidas por igual.
O resultado é uma imagem de 4.000 × 2.250 pixels, na forma certa para o cabeçalho de um site, e o nome do arquivo termina em -recortada.
Perguntas frequentes
Minha foto é enviada quando eu a recorto?
Não. O recorte é feito a partir da imagem no seu navegador, no seu próprio dispositivo. Você pode conferir desligando a conexão com a internet depois que a página carregar e recortando uma imagem.
Recortar diminui a qualidade da imagem?
Cortar uma parte da imagem não altera os pixels que restam. Um JPEG é gravado de novo, em qualidade alta, então um recorte de JPEG fica um pouco diferente do original, mas a diferença é pequena nessa qualidade.
Como faço uma foto de perfil redonda?
Marque Recorte circular. A caixa vira um quadrado, e a imagem é limitada a um círculo com cantos transparentes. O resultado é um PNG, então pode ser colocado sobre qualquer fundo.
Por que a caixa volta para a imagem inteira quando eu giro a foto?
Girar ou espelhar muda a forma da imagem, então a caixa é definida de novo para a imagem inteira, ou para a proporção que você escolheu. Desenhe ou digite a caixa outra vez depois de girar a imagem.
Posso recortar uma imagem em um número exato de pixels?
Sim. Digite a Esquerda, o Topo, a Largura e a Altura em pixels. A caixa fica dentro da imagem, então um valor que passa da borda é trazido de volta para ela.
Fontes
- MDN (em inglês): CanvasRenderingContext2D.setTransform(), como uma imagem é posicionada e girada
- MDN (em inglês): CanvasRenderingContext2D.clip(), o recorte circular
- MDN (em inglês): Pointer events, arrastar a caixa com mouse, caneta ou toque
Números e texto verificados pela última vez em terça-feira, 10 de novembro de 2026.