Filtros de imagem

Os filtros de imagem funcionam transformando a cor de cada píxel em tempo real. Cada filtro aplica uma pequena operação matemática aos canais vermelho, verde e azul de cada píxel: brightness(150%) multiplica-os por 1,5 para clarear a imagem, grayscale(100%) calcula a média para um único tom cinzento, e blur(4px) mistura cada píxel com os seus vizinhos usando um kernel de convolução. Como isto corre na tua GPU através da API canvas do HTML, a pré-visualização atualiza-se no instante em que arrastas um controlo deslizante, sem espera, sem upload, sem viagem ao servidor.

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

Arrasta uma fotografia para a caixa acima (ou clica para navegar, ou cola com Ctrl/Cmd+V), depois clica numa miniatura de predefinição ou arrasta os controlos deslizantes de ajuste. A pré-visualização atualiza-se em tempo real e um controlo antes/depois permite comparar com o original em qualquer momento. Quando gostares do resultado, clica em Descarregar PNG ou Descarregar JPG para guardar na resolução completa. Nada é enviado: cada passo corre no teu browser. O PicMonkey requer início de sessão e limita as exportações gratuitas a resoluções mais baixas. O Fotor adiciona uma marca de água às transferências gratuitas. Esta ferramenta não tem requisito 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 aspeto intenso e ligeiramente quente. Esta ferramenta constrói essa cadeia exata enquanto moves os controlos deslizantes, para que a possas copiar diretamente para a tua 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 aspeto tipo Clarendon é aproximadamente contrast(120%) saturate(135%), um aspeto de filme desbotado usa contrast(85%) brightness(110%) sepia(12%), e um tom Vivid intenso empilha contrast(130%) saturate(160%). Clica em qualquer miniatura de predefinição na galeria para a aplicar instantaneamente à tua fotografia, depois ajusta os controlos deslizantes individuais para levar o look mais longe. Obtens os mesmos resultados visuais que editores pagos como o VSCO ou os presets do Lightroom, sem app, sem subscrição, sem upload.

Para preto e branco, define a escala de cinzentos 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, aumenta o controlo deslizante de sépia; sepia(80%) dá uma impressão clássica em tons castanhos. Para um look vintage, combina-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 podem fazer coisas semelhantes mas requerem início de sessão. Isto corre inteiramente no teu browser, sem conta, sem upload, sem espera.

Depende da ferramenta. Muitos editores online, como o Fotor, LunaPI ou Pixlr, fazem upload da tua fotografia para os seus servidores para processamento, o que significa que a tua imagem fica na máquina de outra pessoa e pode ser retida para análise ou treino de modelos. O filtro de imagens do UtiloKit corre inteiramente num canvas HTML dentro do teu browser: a tua imagem é lida localmente, processada localmente e descarregada localmente, nunca é enviada, nunca é armazenada e ninguém além de ti a vê.