Cortar imagem
A ferramenta Recortar imagem corta a foto para deixar só a parte que você quer — arraste uma caixa sobre ela ou digite uma largura e uma altura exatas. A caixa é medida com base no tamanho real da foto, e não da pré-visualização na tela, então 600 por 240 significa 600 por 240, não importa o tamanho da sua janela, e os pixels que você mantém ficam intactos.
Solte uma imagem aqui
ou em qualquer lugar da página · Escolher um arquivo · 100 MB
Aceitos: JPG, JPEG, PNG, WebP, AVIF, HEIC, HEIF
Como funciona o Cortar imagem?
Recortar é a única operação de imagem que não custa nada em qualidade. Toda outra edição reamostra ou requantiza pixels; um recorte simplesmente guarda um retângulo deles e joga o resto fora. Os pixels que sobrevivem são os pixels com que você começou, desenhados na escala de 1 para 1 em um canvas menor.
Por que o retângulo é medido nos pixels da imagem original
A pré-visualização nesta página tem a largura que o layout der a ela — menor em um celular, maior em um desktop, e diferente de novo depois de redimensionar a janela. Se o retângulo de recorte fosse guardado nesses pixels de tela, o mesmo arraste produziria um resultado diferente dependendo da janela do navegador, e o arredondamento cairia em um limite diferente a cada vez.
Por isso o retângulo é guardado nas coordenadas da própria imagem, e a pré-visualização é projetada a partir dele. Arraste o mesmo canto em um celular e em um monitor e você obtém o mesmo recorte, e os campos numéricos mostram os valores reais em pixel, não uma aproximação escalada.
Proporções, e por que vale a pena travá-las
A maioria dos lugares onde uma imagem acaba pede uma forma específica, e eles mesmos recortam a imagem se você não fizer isso: quadrado para avatar, 1.91:1 para pré-visualização de link, 16:9 para vídeo. Escolher o recorte você mesmo é a diferença entre um retrato com o sujeito no quadro e um que saiu decapitado pelo recorte central da plataforma. Com a proporção travada, arrastar qualquer canto mantém a forma, e só o tamanho muda.
As guias da regra dos terços
As linhas sobre a caixa de recorte a dividem em nove. Colocar o sujeito em uma das interseções, em vez de bem no centro, é o conselho de composição mais antigo que existe — funciona porque um sujeito centralizado achata a imagem, e um fora do centro deixa o olhar com para onde ir. As guias não custam nada para desenhar, e estão ali porque recortar é uma decisão de composição, e não só de tamanho.
Onde a qualidade entra em jogo
O recorte em si é sem perdas, mas gravar o resultado não é — se a saída for JPEG ou WebP, os pixels mantidos são recodificados, o que é uma geração de compressão com perdas por cima do que a fonte já tinha. Por isso o controle de qualidade aqui já vem alto por padrão. Recortar um PNG para PNG é sem perdas de ponta a ponta.
O que acontece com uma imagem transparente
A transparência sobrevive a um recorte para PNG ou WebP. Para JPEG, não — não há canal alfa — então as áreas transparentes são compostas sobre branco antes da codificação, o que evita que saiam pretas.
Tudo fica no seu computador
A imagem é decodificada com createImageBitmap, desenhada em um canvas no retângulo do recorte e codificada com canvas.toBlob. Os três são códigos do próprio navegador, rodando nesta aba. A foto nunca é enviada, e o Content-Security-Policy da página define connect-src 'self', então o navegador se recusaria a mandá-la para qualquer lugar mesmo que algo tentasse.
Entrada
portrait.jpg 3024 x 4032 ratio locked 1:1
Saída
portrait-3024x3024.jpg 3024 x 3024 pixels kept, not resampled
Quais opções e casos-limite o Cortar imagem suporta?
| Parâmetro | Tipo | Padrão | Comportamento e casos-limite |
|---|---|---|---|
| Livre | proporção | padrão | Qualquer retângulo. |
| 1:1 | proporção | — | Avatares, fotos de produtos, a maioria das postagens para redes sociais. |
| 4:3 | proporção | — | A clássica proporção de câmeras e telas. |
| 3:2 | proporção | — | Filme 35mm e a maioria dos sensores DSLR. |
| 16:9 | proporção | — | Vídeo e banners largos. |
| 1.91:1 | proporção | — | Visualizações de link Open Graph. |
| X / Y / L / A | pixels | — | O retângulo de recorte nas coordenadas próprias da imagem. Valores digitados e arrastados são os mesmos números. |
| Qualidade | 0.1 – 1.0 | 0.9 | Aplicado quando a saída é JPG ou WebP. Alta por padrão, pois o recorte em si não perde nada e a codificação também não deve. |
| Igual à fonte | formato | padrão | PNG entra, PNG sai — o que mantém toda a operação sem perdas. |
Perguntas frequentes
Recortar reduz a qualidade da imagem?
O recorte em si não — ele mantém um retângulo dos pixels originais intacto e descarta o resto, sem nenhuma reamostragem. O que pode custar qualidade é gravar o resultado: se o formato de saída for JPEG ou WebP, os pixels mantidos são recodificados, o que é uma geração a mais de compressão com perdas. Recorte um PNG para PNG e a operação inteira é sem perdas. O controle deslizante de qualidade aqui já vem em 0.9 justamente para que a codificação não desfaça o que o recorte preservou.
Como recortar em um tamanho exato em pixels?
Digite nos campos X, Y, Largura e Altura — eles são o retângulo de recorte nas coordenadas da própria imagem, e são os mesmos números que as alças de arraste produzem. Definir Largura e Altura dá um tamanho de saída exato; X e Y posicionam o retângulo. Se você precisa de uma forma específica, e não de um tamanho específico, trave uma proporção e arraste em vez disso.
Qual proporção devo usar?
1:1 para avatares e a maioria dos posts em redes sociais; 1.91:1 para pré-visualizações de link do Open Graph, que é o que aparece quando alguém compartilha uma URL; 16:9 para miniaturas de vídeo e banners largos; 4:3 ou 3:2 para fotografias, que é o que as câmeras produzem nativamente. Escolher o recorte você mesmo importa porque, do contrário, o destino recorta a imagem por você — geralmente pelo centro, e geralmente mal.
Dá para recortar várias imagens de uma vez?
Aqui não, e isso é proposital. Um retângulo de recorte é específico do que está no quadro — as mesmas coordenadas aplicadas a vinte fotos cortariam o sujeito fora da maioria delas. Operações em lote que genuinamente se aplicam de forma uniforme, como redimensionar ou converter, sim aceitam vários arquivos; recortar é uma decisão por imagem, então esta ferramenta recebe uma imagem e dá a você os controles para tomar essa decisão direito.
Por que a caixa de recorte volta ao lugar quando arrasto além da borda?
Porque o retângulo é limitado à imagem: um recorte não pode incluir área que não existe. Com uma proporção travada, encostar em uma borda também restringe a outra dimensão, já que a forma precisa ser preservada — assim a caixa para de crescer em vez de virar uma forma errada. Mude para Livre se quiser que o retângulo siga o ponteiro sem essa restrição.
A imagem é enviada para recortar?
Não. Ela é decodificada, desenhada em um canvas e codificada inteiramente nesta aba, usando o código de imagem do próprio navegador. Você pode confirmar no painel Network do DevTools: recortar não gera requisição nenhuma. A página também é servida com connect-src 'self', o que significa que o próprio navegador bloqueia qualquer tentativa de enviar dados a outra origem.