Editor de Imagem
Gire, espelhe, corte em quadrado e ajuste brilho/contraste/tons de cinza com pré-visualização ao vivo — direto no navegador, sem enviar o arquivo pra nenhum servidor.
A pré-visualização acima atualiza sozinha enquanto você arrasta os sliders — não precisa clicar em nada.
Como funciona o cálculo
A ferramenta guarda duas versões da imagem: um canvas invisível com o estado já confirmado (rotações, espelhamentos e cortes já aplicados, mas sem brilho/contraste/cinza) e o canvas visível na tela. Toda vez que um slider se mexe, o canvas visível é redesenhado do zero a partir do estado confirmado, já com o filtro atual aplicado por cima — por isso a pré-visualização é instantânea, sem precisar clicar em nada. Brilho, contraste e tons de cinza usam a propriedade nativa filter do canvas (o mesmo motor de filtros do CSS), sem manipulação manual de pixel. Girar usa rotação de coordenadas (rotate()) em torno do centro da imagem; espelhar inverte o eixo horizontal (scale(-1,1)); cortar em quadrado recorta a maior região quadrada centralizada. Ao clicar em girar, espelhar ou cortar, o filtro que estava sendo pré-visualizado é gravado permanentemente no estado confirmado antes da transformação, e os sliders voltam ao neutro.
Exemplo prático: uma foto de 1600×1200 pixels, ao ser cortada em quadrado, vira 1200×1200 (a maior região quadrada que cabe na imagem, centralizada). Arrastar o slider de brilho para 120% clareia a imagem na hora, em tempo real, enquanto você move o controle — sem alterar o tamanho.
Como usar
Escolha uma imagem do seu dispositivo. Arraste os sliders de brilho/contraste/tons de cinza para ver o efeito ao vivo. Use os botões para girar, espelhar ou cortar em quadrado (cada clique aplica sobre o resultado anterior, já incluindo os ajustes de brilho/contraste que estavam na tela). “Restaurar original” desfaz tudo e volta à imagem enviada. Quando terminar, escolha o formato e clique em “Baixar imagem”.
Perguntas frequentes
Minha imagem é enviada para algum servidor?
Não — toda a edição acontece localmente, no seu navegador, usando a API de Canvas nativa. A imagem nunca sai do seu dispositivo.
Dá para recortar uma área livre, não só um quadrado centralizado?
Por enquanto não — essa primeira versão cobre corte central em quadrado, rotação, espelhamento e ajustes de brilho/contraste/tons de cinza. Recorte livre com arraste é uma possível melhoria futura.