Cortar Imagem Online

Corte JPG, PNG, WebP ou AVIF em qualquer proporção: 1:1, 16:9, 9:16, 4:5, 3:2, 4:3 ou pixels personalizados.

ou solte a imagem aqui

Sobre esta ferramenta

Corte qualquer imagem em uma área retangular no seu navegador usando a ferramenta de corte da Araluma, baseada no cropperjs v2. Arraste um arquivo JPG, PNG, WebP ou AVIF para a página e a tela de corte abre na hora. Mova as alças para posicionar a seleção, trave uma proporção (1:1, 16:9, 9:16, 4:5, 3:2, 4:3 ou A4), ou digite as dimensões exatas em pixels e o quadro se ajusta sozinho. A leitura ao vivo mostra o tamanho de saída em pixels reais da fonte antes de você clicar em baixar. Sua imagem fica no seu dispositivo o tempo todo: a aba Rede do DevTools mostra zero requisições de imagem durante o corte. A saída em PNG e WebP preserva a transparência do arquivo original, a saída em JPG substitui as áreas transparentes por fundo branco. Metadados EXIF são removidos em todas as exportações. Esta ferramenta funciona para qualquer pessoa que precisa de um corte retangular rápido e preciso sem instalar nada, um arquivo por vez.

Cortar imagem
Como a ferramenta de corte funciona no seu navegador

Como a ferramenta de corte funciona no seu navegador

Sua imagem é aberta diretamente pelo navegador usando a File API. Nenhum envio para servidor acontece e nenhuma cópia temporária é armazenada fora do seu dispositivo. Arraste o quadro de corte para a posição que você precisa, redimensione pelas alças dos cantos ou bordas, e a leitura ao vivo de pixels atualiza enquanto você arrasta. As coordenadas ficam no espaço de pixels da imagem-fonte, então o número exibido é o tamanho literal do arquivo de saída. Abra o DevTools e troque para a aba Rede enquanto você corta: nenhuma requisição de imagem aparece saindo. O arquivo que você arrasta e o arquivo que você baixa ficam inteiramente no seu dispositivo durante toda a sessão.

Cortar imagem
Trave uma proporção ou digite dimensões exatas em pixels

Trave uma proporção ou digite dimensões exatas em pixels

Toque em um chip de proporção (1:1 para quadrado, 16:9 para widescreen, 9:16 para retrato, 4:5, 3:2, 4:3 ou A4) e o quadro de seleção trava nessa proporção. Arraste para qualquer parte da imagem para escolher o que manter. Para acertar um alvo específico de pixels, digite a largura e a altura nos campos de dimensão e o quadro de corte se redimensiona. O mínimo de seleção é o piso intrínseco do elemento de seleção do cropperjs v2. A saída sempre equivale ao tamanho da seleção em pixels da fonte. A ferramenta não aumenta a resolução: se sua seleção tem 600 px de largura, o arquivo de saída tem 600 px de largura.

Cortar imagem
Saída JPG substitui a transparência por branco

Saída JPG substitui a transparência por branco

Se seu arquivo de origem tem áreas transparentes (PNG, WebP com alfa ou AVIF com alfa) e você escolhe JPG como formato de saída, esses pixels transparentes são preenchidos com branco. JPG não tem canal alfa, então não existe lugar para a transparência ir. Para preservar a transparência, escolha PNG, WebP ou AVIF no seletor de formato da tela final. A saída em PNG e WebP carrega o canal alfa original sem mudanças. AVIF também suporta alfa. O seletor de formato indica cada opção para que o compromisso fique visível antes de você baixar.

Cortar imagem
Mova a seleção com precisão usando o teclado

Mova a seleção com precisão usando o teclado

Pressione Tab até chegar no quadro de corte, depois use as teclas de seta para mover a seleção um pixel por vez. Segure Shift e o passo aumenta para dez pixels. Essa navegação por teclado vem nativa no cropperjs v2 como funcionalidade própria, não é uma camada de acessibilidade separada. É útil quando você precisa de alinhamento visual sub-pixel que o trackpad não entrega, ou quando você trabalha em um setup só com teclado. A seleção também responde ao toque no celular: dê pinça para dar zoom na tela, depois arraste as alças da seleção para reenquadrar. Nenhum modo extra para ativar em qualquer caso.

Cortar imagem
Formatos de saída: PNG, JPG, WebP e AVIF

Formatos de saída: PNG, JPG, WebP e AVIF

Depois de cortar, escolha o formato de download na tela final. PNG é sem perda e preserva a transparência. JPG aplica compressão com perda na qualidade 0,9 por padrão, que fica visualmente indistinguível da fonte na maioria das fotos. WebP equilibra os modos sem perda e com perda e também suporta transparência. AVIF é codificado pela biblioteca @jsquash/avif na qualidade 0,9. Ele produz o menor arquivo na mesma qualidade visual, mas a primeira codificação AVIF da sessão custa um download único de 870 KB em WASM. O formato de saída padrão acompanha sua entrada: uma entrada PNG fica em PNG, uma entrada JPG fica em JPG. Você pode trocar a qualquer momento na tela final.

Cortar imagem
Quando usar uma ferramenta de corte diferente

Quando usar uma ferramenta de corte diferente

Esta ferramenta corta só retângulos: quadrados, proporções paisagem, proporções retrato e dimensões personalizadas em pixels. Para um corte circular, uma foto de perfil com cantos transparentes, use o Corte em Círculo. Ele compartilha o mesmo processamento no navegador mas entrega um PNG redondo. Para presets específicos de plataforma com as dimensões padrão já configuradas (Instagram 1080x1080, miniatura do YouTube 1280x720, capa do Facebook 1200x630), as páginas de preset da família Crop já abrem com essas dimensões carregadas para você não precisar calcular nada. Se sua imagem precisa trocar de formato sem cortar antes, use a ferramenta Converter para chegar em PNG, JPG, WebP ou AVIF.

Como recortar uma foto em círculo

  1. Arraste sua imagem

    Abra a ferramenta e arraste seu arquivo JPG, PNG, WebP ou AVIF para a área de upload, ou clique para procurar o arquivo no seu dispositivo.

  2. Escolha uma proporção ou tamanho em pixels

    Toque em um chip de proporção (1:1, 16:9, 9:16, 4:5, 3:2, 4:3 ou A4) ou digite as dimensões exatas em pixels nos campos de largura e altura para definir o quadro de corte.

  3. Posicione o quadro

    Arraste o quadro de corte para a área da imagem que você quer manter, depois redimensione pelos cantos ou bordas até a leitura ao vivo mostrar o tamanho de saída que você precisa.

  4. Corte e baixe

    Clique em Cortar, escolha o formato de saída (PNG, JPG, WebP ou AVIF) na tela final e baixe o arquivo cortado para o seu dispositivo.

Perguntas frequentes

Cortar reduz a qualidade da imagem?

O corte mantém os pixels restantes exatamente como estavam, a qualidade só muda na recodificação. A saída em PNG é sem perda. JPG e WebP com perda aplicam compressão na qualidade 0,9 por padrão, visualmente indistinguível da fonte na maioria das fotos. Se você quer qualidade máxima, escolha PNG ou WebP no modo sem perda na tela final.

A imagem é enviada para um servidor?

Não. Cada etapa, carregar, cortar, codificar e baixar, acontece dentro do seu navegador. Você pode confirmar na aba Rede do DevTools: nenhuma requisição POST aparece durante o corte. O arquivo que você arrasta e o que você baixa ficam inteiramente no seu dispositivo. Grátis, sem cadastro, sem marca d'água.

Como faço para cortar um PNG online?

Carregue o PNG na ferramenta de corte, defina a proporção ou as dimensões, posicione o quadro de corte e clique em Cortar. Na tela final, selecione PNG como formato de saída para manter o canal alfa intacto. Se escolher JPG no lugar, as áreas transparentes são substituídas por fundo branco. A saída em PNG é sem perda, então nenhuma qualidade de pixel é perdida durante o corte.

Como corto fotos para o Instagram sem aplicativo?

Abra a ferramenta de corte no seu navegador, carregue sua foto e toque no chip 1:1 para um post quadrado do Instagram ou no chip 4:5 para um post em retrato. Arraste o quadro para enquadrar seu sujeito, clique em Cortar e baixe. A saída fica no tamanho dos pixels-fonte da seleção. Para Stories ou Reels, use a proporção 9:16.

Posso cortar uma imagem em formato circular nesta ferramenta?

Não, esta ferramenta corta só retângulos: quadrado, paisagem, retrato e dimensões personalizadas. Para um corte circular com fundo transparente, use a ferramenta Corte em Círculo. Ela usa o mesmo processamento no navegador, então sua imagem fica no seu dispositivo, mas entrega um PNG redondo com cantos transparentes em vez de um retângulo.

Como corto uma imagem em um tamanho exato em pixels?

Digite a largura e a altura desejadas nos campos de dimensão na tela de corte. O quadro de corte se redimensiona e a leitura ao vivo confirma o tamanho de saída em pixels-fonte. A saída sempre equivale às dimensões da seleção em pixels-fonte. A ferramenta não aumenta a resolução: se a seleção é menor que seu alvo, a saída também será menor.

Os detalhes

Notas da equipe sobre ofício, formatos e as pequenas decisões por trás de um bom recorte redondo.

A biblioteca cropperjs v2 e o que mudou em relação à v1
Esta ferramenta é construída sobre o cropperjs versão 2.1.1, uma reescrita completa da biblioteca original. A v2 substitui a antiga API baseada em construtor (new Cropper(img, { aspectRatio: 1 })) por uma arquitetura de Web Components. A tela de corte, a sobreposição de seleção e o elemento de imagem são todos elementos HTML personalizados registrados pelo CustomElementRegistry do navegador. Isso significa que o Shadow DOM cuida de todos os estilos internos: não existe um arquivo cropper.css separado para importar, o que elimina uma requisição de asset do Vite em comparação com a v1. A trava de proporção agora fica no próprio elemento de seleção (cropperSelection.aspectRatio = 1) em vez de no construtor, então a proporção pode mudar em tempo real sem reiniciar toda a interface de corte. A biblioteca pesa 41.960 bytes em bruto e 12.175 bytes em gzip, medidos diretamente do cabeçalho content-length do CDN jsDelivr. Esses 12 KB são pagos uma vez por sessão e reaproveitados em todas as rotas de preset de corte pela divisão de chunks do Vite.
Como as dimensões de pixel de saída são calculadas (sem aumento de resolução)
Quando você arrasta a seleção de corte na tela, as coordenadas que você vê ficam no espaço de pixels da imagem-fonte, não no espaço de pixels CSS. Essa distinção importa em telas de alta densidade: um celular com proporção de pixel 3x mostra uma imagem de 300 pixels CSS de largura como 900 pixels reais, mas as coordenadas da seleção refletem os 900 pixels reais, não os 300 pixels CSS. O arquivo de saída que você baixa contém exatamente o número de pixels que o retângulo de seleção representa na imagem-fonte. A operação de corte chama selection.$toCanvas() da API do cropperjs v2, que é um método assíncrono retornando um novo HTMLCanvasElement dimensionado para os pixels da seleção. Esse canvas é então passado para canvas.toBlob() para PNG, JPG ou WebP, ou para o codificador @jsquash/avif para AVIF. Nenhuma etapa de aumento de resolução é inserida. Se sua seleção tem 800 pixels de largura, a saída tem 800 pixels de largura. Presets de plataforma de redes sociais (1080x1080 para Instagram, 1280x720 para YouTube) são entregues nesses tamanhos só quando a imagem-fonte tem pixels suficientes para preencher a seleção.
Remoção de metadados EXIF e o que se perde
Cada exportação remove dados EXIF, IPTC, XMP e perfil ICC. Isso acontece no nível do pipeline do canvas: o navegador desenha os pixels da imagem decodificada em um HTMLCanvasElement e o canvas codifica em um novo arquivo. O canvas não tem conceito de contêineres de metadados, ele só armazena valores de pixel e parâmetros de codificação. O que é removido inclui coordenadas GPS, marca e modelo da câmera, distância focal da lente, configurações de exposição, campos de copyright e tags de perfil de cor. O perfil de cor sRGB é efetivamente a suposição que o canvas faz: as cores são renderizadas pelo pipeline de exibição do navegador e recodificadas sem perfil anexado. Para a maioria dos usos de publicação web e redes sociais, EXIF removido é preferível porque dados de GPS podem expor informações de localização que o usuário não pretendia compartilhar. Para fluxos de fotografia profissional onde a precisão do perfil de cor importa, observe que a fidelidade do perfil ICC não é preservada e uma ferramenta de exportação com gestão de cor deve ser usada para entrega em impressão ou publicação.
O que acontece quando você corta um GIF animado
Quando você arrasta um GIF animado para a ferramenta de corte, o navegador decodifica só o primeiro quadro no elemento de imagem usado pela tela de corte. Isso é um comportamento do navegador, não uma limitação do cropperjs: o HTMLImageElement não expõe quadros individuais de um GIF animado para o JavaScript de uma forma que a API do canvas consiga iterar. O resultado é que só o primeiro quadro fica disponível para a seleção de corte e a saída final é uma imagem estática no formato que você escolher na tela final. Se a entrada é um GIF e você escolhe GIF como saída, a implementação canvas.toBlob do navegador não inclui um codificador de GIF, então a saída cai silenciosamente para PNG. A ferramenta recusa explicitamente o GIF como opção de formato de saída para evitar essa degradação silenciosa. Se você precisa cortar todos os quadros de uma animação, precisaria de uma ferramenta que funciona quadro por quadro, o que esta ferramenta não suporta.
Navegação por teclado e acessibilidade
O elemento de seleção do cropperjs v2 implementa navegação por teclado como parte de sua especificação de Web Component. Quando você pressiona Tab até chegar na seleção de corte, as teclas de seta movem o quadro um pixel por vez na direção pressionada. Shift mais uma tecla de seta move o quadro dez pixels. Isso é nativamente acessível sem uma solução paralela de leitor de tela ou uma camada JavaScript personalizada: o tratador de teclado vive dentro do shadow root do elemento de seleção e dispara no keydown. Isso importa para usuários que dependem de navegação só por teclado, incluindo alguns setups de tecnologia assistiva, dispositivos de acessibilidade motora e fluxos de precisão onde o trackpad não consegue alinhamento sub-pixel de forma confiável. A leitura ao vivo de pixels anexada à seleção também atualiza a cada tecla, então usuários de leitor de tela com regiões aria-live na leitura podem ouvir as dimensões atuais mudarem. A acessibilidade por teclado é uma área onde esta ferramenta está à frente do iLoveIMG e do img2go, que não implementam navegação de corte por seta.
Compromissos de escolha de formato depois do corte
O seletor de formato na tela final dá quatro opções. PNG é sem perda: cada pixel da área de corte é armazenado exatamente como foi decodificado da fonte. O tamanho do arquivo é maior que JPG para o mesmo conteúdo, tipicamente três a cinco vezes maior em uma foto. JPG aplica compressão com perda na qualidade 0,9 (em uma escala de 0 a 1), que corresponde aproximadamente ao preset de alta qualidade na maioria dos editores de desktop. Em q0,9 a diferença entre o original e a saída geralmente não é visível em um monitor padrão, mas o arquivo fica significativamente menor. WebP na mesma configuração de qualidade produz um arquivo cerca de 25 a 35 por cento menor que JPG em nossos testes de codificação, com a mesma qualidade perceptual em fotos. WebP também suporta um modo sem perda e preserva a transparência. AVIF na qualidade 0,9 pela biblioteca @jsquash/avif produz a menor saída dos quatro formatos, mas a primeira codificação na sessão exige o download de um módulo WASM de 870 KB. Codificações AVIF seguintes na mesma aba são rápidas porque o módulo já está carregado.