Recortador de imagem em canvas e ajustador de proporção
Recorte, rotacione, espelhe e redimensione imagens na hora. Bloqueie a caixa de recorte em proporções padrão (como 1:1, 16:9, 4:3) ou ajuste as dimensões livremente. Redimensione e exporte o resultado como PNG, JPEG ou WebP inteiramente no lado do cliente, com 100% de segurança.
Select Image to Crop
Drag and drop PNG, JPG, JPEG, WebP, SVG or GIF files.
Upload an image to inspect details and configuration settings.
Por que usar nosso Recortador de imagem em canvas?
- Alças SVG interativas: ajuste as áreas de recorte suavemente com alças de arrastar e redimensionar. Receba feedback em tempo real das dimensões em pixels ou especifique manualmente as coordenadas de recorte.
- Bloqueio de proporção: bloqueie o quadro de recorte em proporções padrão como 1:1, 16:9, 4:3 ou vertical 9:16, ou mude para recorte livre para dimensões totalmente personalizadas.
- Controles de rotação e espelhamento: rotacione imagens na hora 90 graus no sentido horário ou anti-horário. Espelhe vertical ou horizontalmente para corrigir a orientação instantaneamente.
- Isolamento 100% local: trabalhe com segurança no seu navegador. Todas as edições no canvas, os ajustes de dimensões e as exportações de arquivos rodam localmente no seu dispositivo, sem qualquer vazamento de dados.
Motor de recorte interativo em canvas
O Recortador de imagem em canvas aproveita sobreposições SVG aceleradas por hardware mapeadas em contextos de renderização do HTML5 canvas. Quando uma imagem é carregada, suas dimensões naturais são analisadas e ajustadas a uma área de edição responsiva. Uma caixa delimitadora virtual representa a seleção e suporta redimensionamento por gestos multitoque e arraste com o mouse. As alças traduzem as coordenadas da área de edição diretamente para pixels do espaço da imagem, garantindo que sua seleção de recorte seja matematicamente exata até o pixel individual.
Isolamento estrito de dados local: alinhado a padrões rígidos de confidencialidade de dados, todos os cálculos rodam inteiramente no lado do cliente. Suas imagens nunca trafegam pela rede nem residem em servidores intermediários. As APIs do navegador processam os buffers de array binário bruto localmente, dentro do ambiente em sandbox da sua página web. Isso oferece proteção total para documentos privados, registros corporativos e ativos visuais sensíveis.
A matemática da proporção
O ajuste de proporção bloqueia a razão largura-altura da sua seleção de recorte. Selecionar predefinições como 16:9, 4:3 ou 1:1 força as alças a escalar proporcionalmente. Empregamos equações de ajuste de caixa para centralizar automaticamente o maior quadro de recorte possível dentro dos limites da imagem de destino. Para layouts personalizados, o modo livre remove essas restrições, permitindo seleção independente de coordenadas nos eixos horizontal e vertical.
Matrizes de rotação e espelhamento
Nossa ferramenta suporta rotações de 90 graus e espelhamentos horizontais e verticais. Essas ações são calculadas por algoritmos de matriz de transformação. Quando você rotaciona ou espelha, as coordenadas da caixa delimitadora do recorte são mapeadas usando cálculos de deslocamento (`rotateBoxClockwise` / `rotateBoxCounterClockwise`), de modo que sua seleção de recorte atual acompanha automaticamente a grade da imagem transformada. Isso elimina a necessidade de redefinir o quadro de recorte ao corrigir arquivos inclinados ou invertidos.
Redimensionamento de canvas de alta qualidade
Na exportação, as coordenadas de recorte são desenhadas em um contexto de canvas fora da tela. Em vez de usar a escala CSS básica, que resulta em bordas pixeladas, o navegador executa algoritmos de interpolação bilinear via `CanvasRenderingContext2D.drawImage()`. Isso mantém linhas limpas e detalhes nítidos de texto mesmo ao reduzir arquivos de câmera em alta resolução para tamanhos menores, para distribuição em dispositivos móveis.
Controles de compressão em vários formatos: o motor de exportação permite converter arquivos para formatos padrão: JPEG, PNG ou WebP. Os usuários podem ajustar os controles de qualidade para equilibrar tamanho de arquivo e clareza visual. Exportar para JPEG ou WebP usa algoritmos de compressão com perdas, removendo metadados de cor redundantes. A saída em PNG mantém canais de transparência sem perdas, essenciais para selos transparentes, gráficos e ícones de sites.
Perguntas frequentes
O Recortador de imagem em canvas e ajustador de proporção é uma ferramenta de design web gratuita que permite recortar, rotacionar, espelhar e redimensionar imagens localmente no seu navegador. Ela usa as APIs do HTML5 Canvas para editar e converter seus gráficos sem depender de servidores remotos, protegendo sua privacidade.
Sim. Você pode bloquear a caixa de seleção em proporções padrão, incluindo 1:1 para fotos de perfil, 16:9 para slides em tela larga, 4:3 para documentos padrão ou 9:16 para stories móveis. Também pode escolher a opção de recorte livre para arrastar as alças a qualquer proporção personalizada.
Sim. Você pode rotacionar imagens noventa graus no sentido horário ou anti-horário e espelhá-las horizontal ou verticalmente. As coordenadas da caixa de seleção se ajustam e se adaptam automaticamente à nova grade de rotação, permitindo corrigir facilmente erros de orientação antes de executar a exportação do recorte.
Você pode enviar formatos de imagem padrão, incluindo PNG, JPEG, JPG, WebP, SVG e GIF. Na exportação, pode gerar seus arquivos recortados e redimensionados como PNG de alta qualidade, JPEG com perdas ou WebP otimizado, dependendo de precisar de transparência ou de arquivos menores.
O controle de qualidade se aplica aos formatos de exportação com perdas, como JPEG e WebP. Reduzir o controle comprime o tamanho dos arquivos misturando cores redundantes, enquanto mantê-lo em cem por cento preserva a máxima fidelidade visual. As exportações em PNG ignoram essa compressão, pois são sempre sem perdas.
Não. Seus arquivos nunca são enviados a nenhum servidor remoto nem armazenados na nuvem. Todas as operações - incluindo carregamento da imagem, rotação, recorte no canvas e formatação de exportação - são executadas puramente dentro do sandbox do seu navegador. Isso garante que suas fotos privadas e documentos sensíveis permaneçam totalmente confidenciais.
Como todo o processamento é feito localmente na memória do seu dispositivo, os limites de tamanho dependem inteiramente da capacidade de RAM do seu navegador. O editor lida facilmente com fotos digitais padrão de até cinquenta megabytes. Para arquivos de câmera em altíssima resolução, recomendamos fechar abas não usadas do navegador para liberar RAM.