Cortador de imagens

Recortar é a edição de imagem de que quase todo mundo precisa e para a qual quase ninguém quer abrir um editor. A ferramenta acima permite arrastar uma seleção sobre a imagem, travá-la em uma proporção se for preciso e baixar o recorte, tudo no navegador, sem que o arquivo saia do seu dispositivo.

Como funciona

Solte um JPEG, PNG ou WebP. Arraste sobre a imagem para desenhar um retângulo de recorte e depois ajuste-o pelas alças. A seleção fica restrita aos limites da imagem, então não há como recortar espaço vazio por acidente.

As predefinições de proporção (Livre, 1:1, 4:3, 3:2, 16:9 e 9:16) travam a proporção enquanto você arrasta. Livre permite desenhar qualquer formato.

O retângulo desenhado na tela é convertido para as coordenadas nativas em pixels da imagem antes do corte, de modo que a saída mantém a resolução total do original, e não o tamanho em que a pré-visualização estava sendo exibida. Uma foto de 4000 pixels de largura pré-visualizada em 800 pixels continua sendo recortada com fidelidade de 4000 pixels.

Dois detalhes de codificação, os mesmos das outras ferramentas de imagem do site:

• A orientação EXIF é aplicada antes do recorte, então uma foto tirada em retrato no celular é recortada na orientação que você está vendo de fato, e não na orientação bruta do sensor. Errar nisso é o que gera um recorte girado 90° em relação ao que você selecionou.
• A transparência recebe fundo branco quando a saída é JPEG, porque o JPEG não tem canal alfa e a alternativa são blocos pretos onde havia transparência.

O formato de saída padrão é auto, que mantém o formato original, e pode ser trocado por JPEG, PNG ou WebP. A saída PNG é sempre sem perdas; a configuração de qualidade vale para os formatos com perdas.

Como recortar bem

Recorte primeiro, redimensione depois. Recortar remove pixels e, com eles, detalhes que não voltam. Fazer isso antes de reduzir a imagem garante que a redução parta da maior imagem possível; fazer depois significa que você já jogou resolução fora.

Saiba a proporção de destino antes de começar. Os recortes de redes sociais e plataformas não perdoam: 1:1 para a maioria das fotos de perfil, 16:9 para miniaturas de vídeo e cards Open Graph, 9:16 para stories verticais. Se você recortar "mais ou menos" e deixar a plataforma recortar de novo, vai acabar com rostos metade fora do quadro.

Deixe folga para o recorte automático. Uma imagem de card exibida em 16:9 no desktop muitas vezes é recortada pelo centro para algo mais quadrado no celular. Mantenha o conteúdo importante longe das bordas para que os dois recortes funcionem.

Confira as dimensões de saída, não só o formato. Um recorte 1:1 de uma imagem pequena pode facilmente ficar abaixo do mínimo que uma plataforma aceita: imagens Open Graph pedem pelo menos 1200×630, e ampliar depois não recupera o que não está lá.

Só um ciclo com perdas. Ao recortar um JPEG, ele é decodificado e recodificado, então a qualidade cai um pouco até na área que ficou intacta. Recorte a partir do original, não de uma cópia que já passou pelo processo.

Onde isso se encaixa

Imagens recortadas geralmente vão parar em uma página, e suas dimensões têm consequências que vão além da aparência. Uma imagem sem tamanho intrínseco declarado faz o layout se deslocar enquanto carrega, o que é irritante e também um sinal de ranqueamento mensurável; o essencial de HTML5 aborda os atributos width, height e aspect-ratio, que reservam o espaço com antecedência. Quanto esses bytes custam aos seus usuários, e como medir isso em vez de chutar, é o tema de desempenho de aplicações.

Ferramentas relacionadas

Para mudar as dimensões em pixels de uma imagem inteira, use o redimensionador de imagens; para reduzir o arquivo sem mudar as dimensões, o compressor de imagens; para trocar de formato, o conversor de imagens. Para ver como um card recortado vai ficar ao ser compartilhado, a pré-visualização de Open Graph.