Imagens

Recorte uma imagem em uma proporção exata sem adivinhar

O retângulo que você precisa está a uma divisão de distância. Aqui estão a fórmula, os deslocamentos de um recorte centralizado e quanto da imagem cada proporção comum custa.

Para recortar uma imagem em uma proporção específica você precisa do maior retângulo daquele formato que caiba dentro da imagem, e só existem dois casos. Compare a proporção da sua imagem — a largura dividida pela altura — com a proporção desejada. Se a sua imagem for a mais larga das duas, mantenha toda a altura e corte as laterais. Se for a mais alta, mantenha toda a largura e corte o topo e a base. Tudo depois disso é decidir qual parte você está disposto a perder, o que é um julgamento sobre a fotografia, não aritmética.

Calcule o retângulo de recorte

Escreva a proporção desejada como decimal dividindo os dois números. 16:9 é 1.7778, 3:2 é 1.5, 1:1 é 1, 4:5 é 0.8, 9:16 é 0.5625. Faça o mesmo com a sua imagem. Então:

Esses quatro números — esquerda, topo, largura e altura — são o recorte. Toda ferramenta de recorte que preste os aceita nesse formato.

Dois exemplos resolvidos

Uma foto de celular de 4032 × 3024, que é 4:3 ou 1.3333, indo para 16:9. A proporção da foto é menor, então ela está alta demais: a largura continua em 4032 e a nova altura é 4032 ÷ 1.7778, ou seja, 2268. A diferença é de 756 px, então um recorte centralizado começa 378 px abaixo e o retângulo é 0, 378, 4032, 2268. Isso custa um quarto da altura e leva o arquivo de 12.2 para 9.1 megapixels.

Um arquivo de câmera de 6000 × 4000, 3:2, indo para um quadrado. A proporção dele, 1.5, é maior que 1, então ele está largo demais: a altura continua em 4000, a nova largura também é 4000 e um recorte centralizado começa a 1000 px da borda esquerda. Um terço do enquadramento vai embora, tudo pelas laterais, e 24 megapixels viram 16.

Qual parte você corta de verdade?

A fórmula te dá o formato. Ela não tem opinião sobre o horizonte a um terço da altura, nem sobre o assunto parado perto da borda esquerda, e centralizar é o padrão justamente por ser a escolha que não exige pensar. Muitas vezes é a errada.

Este é o momento em que você quer ver o resultado antes de se comprometer com ele. Clicar em uma proporção no recortador de imagens que roda no navegador trava a seleção naquele formato: arraste e ela se move, arraste um canto e ela é redimensionada, mas não dá para mudar de proporção. Os quatro campos numéricos abaixo da prévia se atualizam enquanto você arrasta e aceitam valores digitados, então dá para ajustar uma caixa travada em 16:9 até exatamente y = 378 em vez de deixar só por perto. Com a prévia em foco, as setas do teclado movem a caixa de dez em dez pixels, ou um pixel com alt pressionado.

Dois limites honestos. A prévia é reduzida para caber na sua tela, então os campos de pixels são a verdade e a caixa que você vê é uma aproximação deles: se o retângulo precisa ser exato, digite. E não existe rotação nem endireitamento, então um horizonte torto continua torto.

As proporções que vão te pedir

ProporçãoDecimalOnde aparece
1:11.0Avatares, ícones de apps, grades de produtos, qualquer coisa exibida em uma máscara redonda
4:50.8O retrato mais alto que a maioria dos feeds exibe sem recortar de novo
3:21.5O que a maioria das câmeras fotografa; o formato de uma cópia de 6 × 4 polegadas
4:31.3333Sensores de celular em resolução máxima, tablets, monitores antigos
16:91.7778Vídeo e miniaturas de vídeo; 1280 × 720 e 1920 × 1080
9:160.5625Vídeo vertical e stories em tela cheia
1.91:11.9048Cards de prévia de links; 1200 × 630

Essa última linha é uma armadilha que vale a pena conhecer. 1.91:1 é um rótulo arredondado de 1200:630, que se reduz a 40:21 e dá 1.90476. Recorte uma imagem de 1200 px de largura com um 1.91 literal e você obtém uma altura de 628, não 630: dois pixels de fundo ao longo da borda inferior de um card que deveria preencher o espaço. O preset do recortador usa o valor exato, e você também deveria usar, se estiver fazendo na mão.

Primeiro recorte, depois redimensione

Uma proporção é um formato, não um tamanho. Recortar em 16:9 não diz nada sobre o resultado ter 1920 px de largura ou 480, e essa distinção confunde gente suficiente para valer a pena ler o que a proporção de aspecto diz e o que ela não diz antes de montar um conjunto de tamanhos de banner em cima dela.

Quando você precisa de um formato e de um tamanho exato em pixels ao mesmo tempo, faça nessa ordem: recorte nas proporções e depois redimensione para os números. Fazer o contrário significa recortar duas vezes ou reamostrar duas vezes, e cada reamostragem tira um pouco mais da nitidez da imagem. Recortar primeiro também faz do redimensionamento uma única divisão limpa: um recorte de 4032 × 2268 reduzido para 1920 × 1080 é exatamente 2.1× nos dois eixos, sem arredondamento para discutir.

O que um recorte custa

Resolução, de forma quadrática. Corte a largura e a altura pela metade e sobra um quarto dos pixels. Isso normalmente está de bom tamanho — uma imagem web em largura total raramente precisa de mais de 2 megapixels — mas fique de olho no lado maior. Acima de uns 1600 px ela fica boa em qualquer tela. Abaixo de uns 800 você vai começar a notar.

Uma geração de JPEG. O navegador precisa decodificar o arquivo para pixels brutos, cortar o retângulo e codificar um JPEG novo, então os pixels que você manteve saem um pouquinho piores do que entraram. Ferramentas de linha de comando como jpegtran conseguem recortar um JPEG sem perdas copiando os blocos comprimidos intactos, mas só em um limite de bloco — 8 ou 16 pixels, dependendo do arquivo — e o navegador não tem acesso a esses blocos. O recortador daqui usa qualidade 92 por padrão, em vez dos 85 de sempre, para deixar essa segunda geração perto do original. PNG e WebP sem perdas não têm esse problema.

Tudo o que o arquivo sabia sobre si mesmo. A saída é um arquivo novo, o que significa nada de EXIF: nem modelo de câmera, nem data e hora, nem coordenadas de GPS, nem perfil de cor embutido, nem campo de copyright. Na maior parte das vezes isso é uma vantagem, já que os metadados dentro de uma foto dizem mais do que a maioria das pessoas espera, mas é uma surpresa se você precisava que a tag de atribuição sobrevivesse.

Quando recortar é a resposta errada

Se a origem e o destino estão muito distantes, o recorte deixa de ser um ajuste e vira outra fotografia. Uma foto vertical de 1080 × 1920 cortada para um card de link de 1.91:1 deixa uma faixa de 1080 × 567: menos de 30% da imagem, e qualquer que seja o 30% escolhido, a composição que o fotógrafo pretendia se foi.

Nesse ponto, o melhor normalmente é preencher em vez de recortar: colocar a imagem inteira sobre uma tela no formato desejado e aceitar as barras. Essa é uma operação diferente e este recortador não faz isso. A outra opção é fotografar ou buscar a imagem já mais perto do formato que você precisa, um conselho que só serve de antemão, mas é o motivo pelo qual os fotógrafos enquadram um pouco folgado quando sabem que a foto precisa funcionar em três lugares.

O caminho mais rápido por tudo isso é abrir o recortador de imagens, clicar na proporção que você precisa e arrastar a caixa travada até a composição ficar boa: a linha de resumo mostra as dimensões finais em pixels e a proporção reduzida, então dá para conferir se a conta saiu onde você esperava. A imagem é decodificada e recodificada no seu navegador e nunca é enviada para lugar nenhum.

Se o quadrado que você está cortando vai virar o ícone de um site, o recorte é a metade fácil. Tamanhos de favicon cobre quais dimensões os navegadores e os celulares realmente pedem, e por que um quadrado de 512 px não é a resposta inteira.

Perguntas frequentes

Como recorto uma imagem em 16:9?

Divida 16 por 9 para chegar a 1.7778 e compare com a proporção da sua imagem. Se a imagem for mais alta que isso, mantenha toda a largura e defina a altura como a largura dividida por 1.7778; se for mais larga, mantenha toda a altura e defina a largura como a altura vezes 1.7778. Uma foto de 4032 por 3024 vira 4032 por 2268, começando 378 pixels abaixo para um recorte centralizado.

Como recorto uma imagem em um tamanho exato em pixels?

Recorte primeiro no formato certo e só depois redimensione para os números. Nessa ordem você faz uma reamostragem em vez de duas, e o redimensionamento vira uma escala simples nos dois eixos. Recortar direto para um tamanho pequeno em pixels joga fora resolução que você talvez quisesse.

Quanto da imagem eu perco indo de 4:3 para 16:9?

Um quarto da altura, e nada da largura. Um enquadramento de 4032 por 3024 mantém 2268 pixels de altura, então 756 pixels desaparecem — divididos em 378 em cima e 378 embaixo se você centralizar o recorte. Em contagem de pixels, isso é 12.2 megapixels caindo para 9.1.

Em que tamanho devo recortar uma imagem para uma prévia de link?

1200 por 630 pixels, que é o formato 1.91:1. Use a proporção exata de 1.904762 em vez de 1.91, porque o número arredondado dá uma altura de 628 e deixa uma folga de dois pixels. Mantenha grande qualquer texto que a imagem tenha, já que as prévias costumam ser exibidas a um terço do tamanho.

Recortar uma imagem reduz a qualidade dela?

No JPEG, um pouco: o arquivo é decodificado e recodificado, e essa segunda codificação tem perdas. Com a qualidade ajustada na casa dos noventa e poucos, a diferença é muito difícil de ver. PNG e WebP sem perdas não são afetados, porque nada é descartado quando eles são gravados.

Dá para recortar uma foto sem enviá-la para lugar nenhum?

Sim. O navegador consegue ler o arquivo, desenhá-lo em um canvas e codificar o resultado recortado localmente, sem nenhuma requisição levando a imagem para fora do seu dispositivo. O recortador deste site funciona assim, e você pode conferir na aba Network das suas ferramentas de desenvolvedor.

Última atualização 19 de setembro de 2026