Filtros de Imagem
Clique ou arraste para enviar
JPG / PNG / WEBP / GIF
Envie uma imagem para visualizar aqui
Aplique 8 filtros de imagem profissionais online: preto e branco, sépia, inverter, desfoque, brilho, contraste, saturação e matiz — cada um com intensidade 0-200% e pré-visualização em tempo real.
Sugestões Relacionadas
O que são filtros de imagem?
Filtros de imagem são um conjunto de técnicas que mapeiam valores de pixel para novos valores por meio de transformações matemáticas. Na web e no mobile, o padrão mais comum é a propriedade CSS filter (blur, brightness, contrast, grayscale, sepia, saturate, hue-rotate, invert). Esta ferramenta é construída sobre o mesmo conjunto de APIs no Canvas, então os filtros podem ser empilhados com um clique.
**Como isso se diferencia de um editor de fotos?** Editores profissionais (Photoshop, Lightroom) suportam pincéis locais, camadas e máscaras. Esta ferramenta lida com correção de cor da imagem inteira e aplicação de filtros em lote. É mais leve, mais rápida e mais adequada quando você não precisa de edições locais finas.
**P&B vs sépia:** O P&B unifica o RGB com luminância percebida (ponderação ITU-R BT.601), removendo toda a cor. O sépia adiciona um tom marrom sobre a base em escala de cinza, produzindo uma sensação nostálgica mais forte.
**Por que dá para empilhar tantos efeitos sem distorção?** Filtros são matemática por pixel, então nunca alteram a estrutura do pixel. Qualquer combinação na faixa 0-200% mantém a imagem intacta, mesmo que o resultado possa ficar dramático. Teste em pequenos passos.
Casos de uso
- Corrija rapidamente fotos subexpostas ou com cores chapadas usando brilho, contraste e saturação
- Adicione estilos vintage, P&B ou invertido para personalizar imagens de redes sociais
- Uniformize o tom de cor ou embeleze fotos de produtos de e-commerce e páginas de detalhes
- Ajuste saturação e matiz para fotos de documento, avatares ou fundos de retrato
- Aplique o efeito inverter a esboços de design ou capturas de UI para testes visuais
- Use o filtro de desfoque para mascarar informações privadas (telefones, endereços) em capturas
Como Usar
- Carregue a imagem à qual você quer aplicar o filtro (JPG, PNG, WEBP ou GIF)
- Escolha entre 8 filtros base na grade de miniaturas: P&B, sépia, inverter, desfoque, brilho, contraste, saturação, matiz
- Arraste o controle de intensidade para ajuste fino (0% desligado, 100% padrão, 200% máximo) e veja a pré-visualização ao vivo
- Empilhe efeitos adicionais alternando para outros filtros e ajustando a intensidade para compor o visual ideal
- Clique em download para exportar como PNG; o nome do arquivo recebe automaticamente o sufixo _filtered
Recursos
- 8 efeitos integrados: P&B, sépia, inverter, desfoque, brilho, contraste, saturação, matiz
- Intensidade 0-200%: cada filtro tem seu próprio controle, 100% é padrão, 200% é o máximo
- Pré-visualização em tempo real: as alterações se aplicam na hora, o que você vê é o que exporta
- Todos os formatos: funciona com JPG, PNG, WEBP, GIF e outros tipos comuns
- Reset com um clique: limpa todos os filtros para comparar original e resultado
- Processamento local: todos os efeitos rodam no Canvas do navegador, os arquivos nunca saem
Best Practices
Ordem: exposição primeiro, cor depois, estilo por último
Fluxo recomendado: ajuste brilho e contraste para corrigir a exposição primeiro, depois a saturação para corrigir a cor, e por fim adicione filtros estilísticos como P&B, sépia ou matiz. Isso corresponde à lógica do Photoshop e evita que filtros de estilo fortes mascarem problemas de exposição no início.
Comece o controle de intensidade em 50%, não pule direto para 200%
A maioria dos filtros fica melhor na faixa 50-150%. Pular direto para 200% frequentemente causa clipping de saturação, distorção de matiz ou desfoque excessivo. Comece em 100% para avaliar e depois ajuste em ±20% a gosto.
Mantenha a saturação entre 100-150% para evitar clipping de cor
Saturação acima de 150% faz vermelhos e amarelos vazarem e perderem detalhe. Acima de 200%, o resultado pode mostrar blocos de cor irreversíveis. A faixa 0-200% foi pensada para efeitos criativos; para correção diária, 80-130% é o ponto ideal.
P&B mais contraste moderado = fotojornalismo clássico
O P&B puro pode parecer chapado. Tente P&B 100% mais contraste 110-130% mais um pequeno ajuste de brilho (conforme a exposição original). Essa combinação imita o estilo documental da era do filme e foi a receita P&B mais popular nos primeiros Instagram.
Use sépia para fotos antigas e temas nostálgicos, não para produtos modernos
O tom marrom do sépia altera bastante a paleta de cores, então combina com nostalgia, trabalho documental e miniaturas de vídeo. Para imagens principais de e-commerce, capturas de UI ou fotos de produtos tech, o sépia deixa o produto datado e pouco profissional, quebrando o realismo da mercadoria.
Intensidade de desfoque acima de 30 já produz bokeh claro
O controle de desfoque 0-200% corresponde a um raio de desfoque de 0-20px. Intensidade 30 (3px) dá uma suavidade sutil. Intensidade 50 (5px) funciona bem para bokeh de fundo simulado. Intensidade 100 (10px) ou mais é boa para mascarar informações privadas ou isolar o sujeito em retrato.
Rotação de matiz em 0, 360 ou 720 volta à cor original
O matiz é um espaço de cor circular. A intensidade 0-200 corresponde a rotação 0°-360°. Intensidade 100 equivale a 180° (cor complementar), 200 volta à original. Para correção criativa, fique na faixa 10-30; acima de 50 a cor natural dos objetos muda drasticamente.
Após a correção, execute um compressor de imagens para reduzir o tamanho
Esta ferramenta exporta PNG sem perdas, que pode ser grande. Para páginas web, anexos de e-mail ou uploads em redes sociais, siga com um compressor de imagens — normalmente dá para reduzir 50-80% do tamanho sem perda visível convertendo PNG em JPG.
Perguntas frequentes
Quais filtros de imagem estão disponíveis? Posso fazer P&B ou vintage?
Oito efeitos profissionais integrados: preto e branco, sépia, inverter, desfoque, brilho, contraste, saturação e matiz. Clique para alternar e criar visuais vintage, P&B artístico ou desfoques sonhadores. Cada filtro suporta 0-200% de intensidade, onde 1% mostra mudanças sutis, 100% é o padrão e 200% é o máximo.
Posso tornar o efeito do filtro mais forte ou mais fraco?
Sim. Cada filtro tem um controle de intensidade independente. 0% equivale a desligado, 100% é padrão, 200% é o máximo. Por exemplo, saturação a 50% só aumenta levemente a vivacidade, 150% dá um visual de filme instantâneo. Matiz a 50 corresponde a 90° de rotação, 200 volta à cor original.
Minha foto está escura demais ou as cores estão chapadas. Esta ferramenta pode corrigir?
Sim, é perfeita. O brilho resgata fotos subexpostas em dias nublados. O contraste dá profundidade a imagens chapadas. A saturação restaura fotos antigas desbotadas. Combinada com o matiz, você pode alternar entre tons quentes e frios, criar azuis de entardecer atmosféricos ou estilos neon vibrantes.
Posso empilhar vários filtros?
Sim. Você pode aplicar vários filtros à mesma imagem — por exemplo, sépia leve mais brilho mais contraste alto mais saturação alta para encontrar um tom de marca consistente. Como os filtros são matemática por pixel, as combinações não danificam a estrutura da imagem, mas o resultado pode ficar mais dramático, então ajuste em pequenos passos.
Quais formatos de imagem são suportados? Como salvo o resultado?
Suporte completo a JPG, PNG, WEBP e GIF. Durante o processamento você vê uma pré-visualização em tempo real. Quando estiver satisfeito, clique em download para exportar como PNG (sem perdas, tamanho maior). Para um JPG menor, use esta ferramenta para a cor e depois passe o resultado em um compressor de imagens.
É seguro aplicar filtros de imagem online? Minhas fotos vão vazar?
Totalmente seguro. Todo o processamento de imagem ocorre localmente no seu navegador via a API Canvas filter. Nenhum arquivo é enviado a servidor, nenhum software para instalar. Até fotos de família, digitalizações de contratos e fotos de documentos podem ser processadas com segurança — fechar o navegador libera a memória instantaneamente.
A correção de cor muda o tamanho do arquivo?
Sim, um pouco. Clarear, aumentar o contraste ou impulsionar a saturação pode fazer o arquivo crescer um pouco. Escurecer, ir para P&B ou aplicar sépia remove detalhes de alta frequência e pode reduzir o arquivo. Para reduzir ainda mais, execute um compressor de imagens após a correção: corrigir primeiro, comprimir depois é o fluxo padrão.
Qual a diferença entre P&B e sépia?
O P&B unifica o RGB usando luminância percebida (ponderação ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B), removendo toda a cor. O sépia adiciona um tom marrom sobre essa base em escala de cinza, simulando a tonificação química das fotos do século XIX e dando uma sensação nostálgica mais forte.
Glossário
- Filtro CSS
- Propriedade CSS que oferece filtros de imagem nativos do navegador: blur, brightness, contrast, drop-shadow, grayscale, hue-rotate, invert, opacity, saturate, sepia. Esta ferramenta implementa o mesmo conjunto via a API Canvas filter.
- Tom sépia
- Visual vintage clássico que imita a tonificação química das fotos do século XIX. Matriz RGB: R = 0.393R + 0.769G + 0.189B; G = 0.349R + 0.686G + 0.168B; B = 0.272R + 0.534G + 0.131B.
- Rotação de matiz
- Rotação circular do canal H (matiz) no espaço de cor HSL. Uma rotação de 360° volta à cor original. A intensidade 0-200% da ferramenta corresponde a rotação 0°-360°.
- Ponderação BT.601
- Fórmula de luminância do ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B. Os filtros P&B e os sinais de TV usam essa ponderação porque ela reflete melhor a maior sensibilidade do olho humano ao verde do que uma média simples.
- Exposição
- A quantidade total de luz capturada por uma foto. Subexposta = escura demais; sobrexposta = clara demais. Filtros de brilho podem compensar, mas não recuperam o detalhe de altas luzes que já foi cortado.
- Saturação
- A intensidade da cor. 0% = escala de cinza total; 100% = cor original; >100% = reforçada. Saturação alta demais causa clipping de cor e perda de detalhe.
8 filtros integrados de relance
| Filtro | Algoritmo / implementação | Uso típico |
|---|---|---|
| Preto e branco | R=G=B=0.299R+0.587G+0.114B | Documentário, arte, tema vintage |
| Sépia | Matriz clássica Sepia Tone | Nostalgia, efeito foto antiga, miniatura de vídeo |
| Inverter | 255 menos o original por canal RGB | Raio-X, pôster artístico, UI escuro |
| Desfoque | Canvas filter: blur(radius) | Bokeh de fundo, foco, máscara de privacidade |
| Brilho | Deslocamento somado ao RGB | Sub/sobre-exposição, clarear nublado |
| Contraste | (RGB-128) × factor + 128 | Profundidade em foto chapada, estilo HDR |
| Saturação | Escalar o canal S em HSL | Vivacidade, restaurar desbotado, cor de marca |
| Matiz | Girar o canal H em HSL | Deslocamento criativo, troca de cor, teste visual |
Controle de intensidade 0-200% referência de efeito
| Intensidade | Efeito visual | Uso recomendado |
|---|---|---|
0% | Totalmente desligado, equivalente ao original | Reset, teste A/B |
1-30% | Muito sutil, quase invisível | Ajuste fino, exige olhar atento |
30-70% | Efeito leve | Correção de cor diária |
100% | Intensidade padrão | Padrão para a maioria dos cenários |
130-170% | Efeito potencializado | Trabalho estilizado, consistência de cor de marca |
200% | Efeito máximo | Processamento artístico, abstrato |
Authoritative References
- ReferenceFiltro CSS - MDN
- ReferenceWikipedia - Sépia (cor)
- ReferenceWikipedia - Fotografia em cores
- Comprimir imagens
- Converter Imagem
- PNG para JPG
- HEIC para JPG
- WebP para JPG
- JPG para PNG
- JPG para WebP
- PNG para WebP
- WebP para PNG
- HEIC para PNG
- HEIC para WebP
- AVIF para JPG
- Cortar Imagem
- AVIF para PNG
- AVIF para WebP
- GIF para JPG
- GIF para PNG
- GIF para WebP
- SVG para JPG
- SVG para PNG
- SVG para WebP
- TIFF para JPG
- Filtros de Imagem
- TIFF para PNG
- TIFF para WebP
- Gerador ICO
- Editor de imagens
- Leitor de QR Code
- Redimensionar Imagem
- Girar e Espelhar Imagem
- Cantos Arredondados
- Gerador de Sprite CSS
- Visualizador SVG
- Imagem para Arte ASCII
- Ampliar Imagem
- Marca d'água Imagem