Cortar imagem

Como o corte funciona

Quando você abre um arquivo, o navegador transforma a imagem em pixels com createImageBitmap() e já corrige a orientação de quem tirou a foto deitada. Na pré-visualização você arrasta uma moldura de corte; a ferramenta converte essa moldura das medidas da tela para os pixels da imagem original usando uma única escala uniforme e copia só aquele retângulo para uma nova tela de desenho com ctx.drawImage(imagem, sx, sy, sw, sh, 0, 0, sw, sh). No fim, canvas.toBlob() grava o resultado em JPEG, PNG ou WebP. Não existe envio, nem upload, nem ida e volta até um servidor: o corte inteiro acontece no seu navegador, no seu aparelho.

• Arraste o centro da moldura para mover a seleção; arraste um canto ou uma borda para mudar o tamanho dela.
• Trave uma proporção (1:1, 16:9, 3:4 de foto de documento) para que a seleção mantenha a forma fixa enquanto você a redimensiona.
• Gire ou espelhe a imagem antes, se ela estiver deitada ou invertida, e só depois corte.
• O corte redondo recorta uma seleção quadrada em forma de círculo e salva um PNG com os cantos transparentes.

Tamanhos de corte mais usados

A proporção define a forma; o tamanho exato em pixels é um passo separado — aqui você corta na proporção certa e depois abre o Redimensionar imagem para acertar a largura e a altura que o formulário exige.

Cortar, redimensionar ou comprimir: do que você precisa?

Dicas para um corte limpo

• Escolha a proporção primeiro. Trave a forma (1:1 para um avatar, 3:4 para foto de documento) antes de ajustar a moldura, assim ela não sai deformada quando você a redimensiona.
• Centralize o assunto. Em foto de documento a cabeça fica no centro, com um espaço pequeno acima dos cabelos: rostos tortos, deslocados ou grandes demais estão entre os motivos mais comuns de recusa em conferências automáticas.
• Corte, depois redimensione, depois comprima. Aqui você define a forma; no Redimensionar imagem você define os pixels exatos; no Comprimir para um tamanho você chega ao limite em KB. Essa ordem é a que preserva mais qualidade.
• Use PNG para círculos e para gráficos. Cortes redondos e imagens com texto ou linhas finas ficam nítidos em PNG e mantêm os cantos transparentes; para fotos comuns, o JPEG é a melhor escolha.
• Gire antes de cortar se a foto estiver deitada — a moldura sempre trabalha sobre a imagem já endireitada.

O que é, de fato, uma proporção

Proporção, ou aspect ratio, é só a comparação entre a largura de uma imagem e a altura dela, escrita como dois números separados por dois pontos. Uma proporção 1:1 é um quadrado perfeito; 16:9 é um retângulo largo, com 16 unidades na horizontal para cada 9 na vertical. São números de relação, não pixels: 16:9 descreve igualmente um quadro de 1920×1080 e um de 1280×720, porque os dois se reduzem ao mesmo 16:9. A forma mais simples se encontra como quando você simplifica uma fração, dividindo os dois números pelo maior divisor comum: 1920 e 1080 divididos por 120 dão 16:9; uma foto de 35×45 mm dividida por 5 dá 7:9.

Travar uma proporção nesta ferramenta mantém essa relação fixa enquanto você muda o tamanho da moldura, então a seleção nunca sai levemente esticada ou achatada. Isso importa porque o corte apenas descarta pixels — ele nunca amplia nada — de modo que a forma escolhida aqui é exatamente a forma que você baixa. As proporções mais comuns existem por motivos concretos:

• 1:1 (quadrada) — foto de perfil, ícone de aplicativo, avatar e o formato quadrado clássico do feed do Instagram.
• 4:5 (retrato) — o formato vertical do feed do Instagram, que ocupa mais altura na tela do celular do que a foto quadrada.
• 9:16 — vídeo em pé: Reels, Shorts, TikTok, status e papel de parede de celular.
• 16:9 — a proporção de vídeo widescreen e das telas atuais; é a forma da capa (thumbnail) de vídeo do YouTube e do fundo de slide de apresentação.
• 3:2 — a proporção do filme 35 mm, usada pela maioria das câmeras e pela revelação padrão de 10×15 cm.
• 4:3 — a proporção da fotografia tradicional e das telas antigas; ainda comum em impressão e em muitos sensores de câmera de celular.
• 3:4 — a versão em pé de 4:3 e a proporção da foto 3×4 de documento.

De milímetros a pixels: impressão e DPI

As medidas de foto de documento vêm em centímetros ou milímetros, mas uma imagem digital se mede em pixels, e a ponte entre as duas coisas é o DPI (pontos por polegada, ou seja, pixels por polegada). A conta é simples: pixels = milímetros ÷ 25,4 × DPI, porque uma polegada tem 25,4 mm. Fotos destinadas à impressão costumam ser preparadas a 300 DPI, o ponto em que os pontinhos individuais deixam de ser percebidos à distância de leitura.

Fazendo a conta: uma foto 3 × 4 cm a 300 DPI mede (30 ÷ 25,4 × 300) × (40 ÷ 25,4 × 300) ≈ 354 × 472 pixels. Uma foto de 35 × 45 mm a 300 DPI dá aproximadamente 413 × 531 pixels, e uma foto de visto dos EUA de 2 × 2 polegadas a 300 DPI dá exatamente 600 × 600 pixels. É por isso que a ordem recomendada é "primeiro cortar na proporção certa, depois redimensionar para o tamanho exato": o corte fixa a forma (3:4, 7:9, 1:1) e o redimensionamento transforma essa forma no número preciso de pixels que o portal pede. Só vale aumentar o DPI quando uma gráfica pedir isso expressamente: para um envio que será visto na tela, o que conta são as medidas em pixels indicadas pelo site, e o DPI é apenas a unidade que levou até elas.

Composição: onde colocar o assunto

Um bom corte depende tanto do que você tira quanto do que você mantém. Duas regras simples cobrem quase todas as situações:

• A regra dos terços. Imagine o quadro dividido por uma grade de 3×3. Colocar o assunto — ou os olhos de uma pessoa — sobre uma das linhas da grade ou sobre um cruzamento costuma dar um resultado mais natural e equilibrado do que colocá-lo exatamente no centro. É um conselho que fotógrafos usam há muito tempo, não uma lei, mas é um bom ponto de partida para imagens de capa, banners e publicações em redes sociais.
• Espaço acima da cabeça e centralização em foto de documento. Documentos invertem esse conselho: passaportes, vistos e portais de inscrição querem a cabeça no centro, de frente, com uma margem pequena e igual acima dos cabelos e com o rosto ocupando sempre a mesma parte do quadro. Nesses casos, use as predefinições e mantenha o rosto reto no meio.

Cortar apertado ainda traz uma vantagem escondida: uma foto reduzida ao assunto, com o fundo vazio descartado, comprime para um arquivo bem mais leve do que uma cheia de espaço sobrando — útil quando a mesma imagem precisa caber depois em um limite rígido de KB.

Corte redondo, transparência e escolha do formato

Um avatar redondo é, na verdade, um corte quadrado com os cantos invisíveis — e esse "invisível" é a parte delicada. Só formatos com um canal alfa, aquela camada extra que registra o quanto cada pixel é transparente, conseguem guardar cantos que se enxerga através. PNG e WebP têm esse canal; o JPEG não tem. Se você salvasse um corte redondo como JPEG, o formato não teria onde anotar a transparência e preencheria os quatro cantos com uma cor sólida (branco, nesta ferramenta), e em vez de um círculo limpo você teria um quadrado com cantos brancos. É exatamente por isso que o botão de corte redondo sempre gera um PNG: os cantos ficam de fato transparentes e o avatar assenta bem sobre qualquer cor de fundo que o site ou o aplicativo colocar atrás dele.

Para cortes retangulares, a escolha do formato segue o conteúdo. Prefira JPEG para fotografias comuns, em que um arquivo leve importa e um pouco de compressão não aparece; prefira PNG para capturas de tela, logotipos, desenhos de linha e qualquer coisa com texto nítido e cores chapadas, porque o salvamento sem perdas mantém as bordas exatas; prefira WebP quando você quer qualidade de PNG em um arquivo mais leve e o destino aceita esse formato.

Cortar perde qualidade? Pixels, nova codificação e orientação

O corte em si é sem perdas: ele joga fora os pixels de fora da seleção e copia os de dentro como estão, sem esticar nem recalcular nada. Cortar não reduz a resolução da área que sobra — cada pixel mantido continua idêntico ao do original, com a mesma nitidez; o que diminui é só a quantidade de pixels, porque a área é menor. O único ponto em que a qualidade pode mudar é a nova codificação final. Se você salvar o corte em JPEG, o formato aplica a compressão com perdas dele (ajustável no controle de qualidade); se salvar em PNG ou em WebP sem perdas, também esse passo continua exato. Portanto: para o resultado mais nítido em texto ou linhas finas, use PNG; para o arquivo mais leve em uma foto comum, um JPEG com qualidade entre 85 e 92 fica visualmente igual ao original.

Há outro detalhe do qual a ferramenta cuida sozinha: a orientação EXIF. Câmeras de celular muitas vezes gravam os pixels deitados e acrescentam um dado escondido dizendo "ao exibir, gire". Se um editor ignora esse dado, a imagem que você corta e a que você vê podem não coincidir. Aqui a orientação é aplicada antes, então a foto que aparece em pé na tela é exatamente aquela sobre a qual a moldura trabalha — e, como o resultado é gravado de novo pela tela de desenho, o bloco EXIF (inclusive as coordenadas de GPS) desaparece do arquivo de saída: uma pequena vitória de privacidade cada vez que você compartilha a imagem cortada.

Ferramentas relacionadas

• Redimensionar imagem (pixels exatos)
• Comprimir para um tamanho (KB)
• Comprimir imagem (por qualidade)
• Imagem para PDF