Filtros de imagem

Os filtros de imagem funcionam transformando a cor de cada pixel em tempo real. Cada filtro aplica uma pequena operação matemática nos canais vermelho, verde e azul de cada pixel: brightness(150%) os multiplica por 1,5 para clarear a imagem, grayscale(100%) calcula a média em um único tom cinza, e blur(4px) mistura cada pixel com seus vizinhos usando um kernel de convolução. Como isso roda na sua GPU através da API canvas do HTML, a pré-visualização atualiza no instante em que você arrasta um controle deslizante, sem espera, sem upload, sem ida ao servidor.

Existem dois grupos amplos. Os filtros de ajuste alteram o tom e a cor mantendo a foto com aparência natural: brilho, contraste, saturação e rotação de matiz. Os filtros de efeito reestilizam a imagem para um visual distinto: escala de cinza (preto e branco), sépia (vintage quente), inverter (negativo), desfoque (foco suave) e opacidade (transparência). Este editor oferece todas as nove funções de filtros CSS. Empilhá-los, por exemplo grayscale(100%) com contrast(120%), é exatamente como presets com nome como Vintage, Noir e Desbotado são criados.

Arraste uma foto para a caixa acima (ou clique para navegar, ou cole com Ctrl/Cmd+V), depois clique em uma miniatura de preset ou arraste os controles deslizantes de ajuste. A pré-visualização atualiza em tempo real e um controle antes/depois permite comparar com o original a qualquer momento. Quando gostar do resultado, clique em Baixar PNG ou Baixar JPG para salvar na resolução completa. Nada é enviado: cada etapa roda no seu navegador. O PicMonkey exige login e limita exportações gratuitas a resoluções menores. O Fotor adiciona marca d'água nos downloads gratuitos. Esta ferramenta não tem exigência de conta, sem paywall e sem limite diário.

A propriedade CSS filter aplica efeitos gráficos a qualquer elemento HTML usando uma cadeia de funções de filtro: brightness(), contrast(), saturate(), grayscale(), sepia(), hue-rotate(), invert(), blur() e opacity(). Por exemplo, filter: contrast(120%) saturate(140%) sepia(15%); dá um visual intenso e ligeiramente quente. Esta ferramenta constrói essa cadeia exata enquanto você move os controles deslizantes, para que possa copiá-la direto na sua folha de estilos e aplicar a qualquer img, div, video ou SVG.

Os filtros estilo Instagram são combinações predefinidas de funções básicas de filtros CSS. Um visual tipo Clarendon é aproximadamente contrast(120%) saturate(135%), um visual de filme desbotado usa contrast(85%) brightness(110%) sepia(12%), e um tom Vivid intenso empilha contrast(130%) saturate(160%). Clique em qualquer miniatura de preset na galeria para aplicar instantaneamente à sua foto, depois ajuste os controles deslizantes individuais para personalizar ainda mais. Você obtém os mesmos resultados visuais de editores pagos como VSCO ou presets do Lightroom, sem app, sem assinatura, sem upload.

Para preto e branco, defina a escala de cinza para 100%: o preset P&B faz isso com um clique, e o Noir adiciona contraste extra para um efeito dramático. Para sépia, aumente o controle deslizante de sépia; sepia(80%) dá uma clássica impressão em tons marrons. Para um visual vintage, combine-os: o preset Vintage usa sepia(55%) contrast(108%) brightness(104%) saturate(120%) para uma sensação de filme quente e suavemente lavado. O Canva e o Adobe Express fazem coisas parecidas mas exigem login. Isso roda completamente no seu navegador, sem conta, sem upload, sem espera.

Depende da ferramenta. Muitos editores online, como Fotor, LunaPI ou Pixlr, fazem upload da sua foto para seus servidores para processamento, o que significa que sua imagem fica na máquina de outra pessoa e pode ser retida para análise ou treinamento de modelos. O filtro de imagens do UtiloKit roda completamente em um canvas HTML dentro do seu navegador: sua imagem é lida localmente, processada localmente e baixada localmente, nunca é enviada, nunca é armazenada e ninguém além de você a vê.