Uma foto de quadro branco tirada no celular sai cinzenta, e os traços do marcador somem na parede. Aumente o contraste, reduza a saturação, e os traços voltam. Estes filtros de imagem fazem esse tipo de pequeno reparo no navegador: seis controles deslizantes, três botões de transformação e um arquivo PNG no fim.
Seis controles com faixas fixas
Brilho, contraste e saturação vão de 0% a 200% e começam em 100%. Tons de cinza e sépia vão de 0% a 100%. O desfoque vai de 0 a 20 px. A prévia muda enquanto você arrasta.
Edite uma foto em cinco passos
- Solte uma imagem na área de envio ou clique nela para escolher um arquivo.
- Mova os controles até a prévia ficar boa.
- Clique em Girar 90° para virar a imagem no sentido horário. Use Espelhar na horizontal ou Espelhar na vertical para espelhá-la.
- Clique em Redefinir para recomeçar. Isso também desfaz a rotação e os espelhamentos.
- Clique em Salvar imagem editada. O navegador baixa
filtered-image.png. Nova imagem leva você de volta à área de envio.
Girar primeiro, espelhar depois
A ferramenta gira a tela e depois a espelha. Depois de um giro de 90°, Espelhar na horizontal espelha ao longo do eixo horizontal original da foto. Na tela, isso parece um espelhamento vertical. Se um espelhamento parecer ir para o lado errado, conte quantas vezes você clicou em Girar 90°. Quatro cliques devolvem a imagem ao início.
Quatro receitas para começar
- Foto de quadro branco: mais contraste, menos saturação.
- Uma impressão desbotada para um pôster ou um cabeçalho de blog: sépia perto de 60% e brilho um pouco abaixo de 100%.
- Fundo suave atrás de um texto: desfoque de 8 a 12 px.
- Logotipo colorido para um mockup de impressão. Defina os tons de cinza em 100%, porque um valor menor mantém parte da cor.
Arquivos PNG grandes e nada enviado
A saída é sempre um PNG no tamanho de pixels completo do original. Um JPEG de 12 MB pode chegar a 20 MB ou mais. Para um arquivo pequeno, comprima o resultado depois.
Não há corte, rotação em ângulo livre nem saída em JPEG. O desfoque conta pixels do original, então o mesmo valor parece mais fraco numa foto de 4000 px do que num ícone de 600 px. Um GIF animado é salvo como um único quadro estático. Os controles precisam do recurso de filtro de canvas do navegador. Se não mudarem nada, tente outro navegador.
O navegador lê o arquivo no seu dispositivo e o desenha numa tela (canvas). Mover um controle ou salvar o resultado não envia nenhuma requisição, e o painel de rede das ferramentas de desenvolvedor mostra isso. O download é um arquivo que o próprio navegador cria localmente.