Filtres d'Imatge

Fes clic o arrossega per pujar

JPG / PNG / WEBP / GIF

Puja una imatge per prévisualitzar aquí

Aplica 8 filtres professionals a les fotos en línia: blanc i negre, sèpia, inversió, desenfocament, brillantor, contrast, saturació i rotació de to — cadascun amb intensitat 0-200% i vista prèvia en temps real. Allò que veus és el que exportes.

Relacionats

Retallar imatges

Marca d'aigua d'imatges

Comprimir imatges

Convertir imatges

Generador ICO

Què són els filtres d'imatge?

Els filtres d'imatge són un conjunt de tècniques que mapejen valors de píxels a valors nous mitjançant transformacions matemàtiques. L'estàndard més comú al web i al mòbil és la propietat CSS filter (blur / brightness / contrast / grayscale / sepia / saturate / hue-rotate / invert). Aquesta eina està construïda sobre el mateix conjunt d'API al Canvas, per la qual cosa els filtres es poden apilar amb un sol clic.

**Diferència amb l'editor de fotos:** Els editors professionals (Photoshop, Lightroom) suporten pinzells locals, capes i màscares. Aquesta eina s'ocupa de la correcció de color de tota la imatge i l'aplicació de filtres per lots. És més lleugera, ràpida i adequada quan no cal una edició local fina.

**Blanc i negre vs sèpia:** El blanc i negre unifica el RGB per la luminància percebuda (ponderació ITU-R BT.601) i elimina tot el color. La sèpia afegeix un to marró sobre la base grisa, donant una sensació nostàlgica més forta.

**Per què apilar tants efectes no deforma la imatge?** Els filtres són matemàtiques a nivell de píxel, no canvien mai l'estructura del píxel. Qualsevol combinació dins del rang 0-200% manté la imatge, encara que el resultat pugui ser dramàtic. Prova amb passos petits.

Casos d'ús

Corregeix ràpidament fotos subexposades o de colors pàl·lids amb brillantor, contrast i saturació
Afegeix estils vintage, blanc i negre o invertits a imatges de xarxes socials
Unifica el to de color o embellix ràpidament fotos principals i素材 de fitxes de producte de comerç electrònic
Ajusta la saturació i el to per a fotos de carnet, avatars o colors de fons de retrats
Aplica inversió a esbossos de disseny o captures de UI per a proves visuals
Fes servir el filtre de desenfocament per emmascarar dades personals (telèfon, adreces) a captures de pantalla

Com usar-ho

Puja el fitxer d'imatge al qual vols aplicar el filtre (JPG / PNG / WEBP / GIF)
Tria un dels 8 filtres bàsics a la graella de miniatures: B/N / sèpia / inversió / desenfocament / brillantor / contrast / saturació / rotació de to
Arrossega el control d'intensitat per afinar (0% apagat, 100% estàndard, 200% màxim) i mira la vista prèvia en directe
Apila efectes addicionals canviant a altres filtres i ajustant la intensitat per obtenir el to ideal
Fes clic a descarregar per exportar com a PNG; el nom del fitxer rebrà automàticament el sufix _filtered

Característiques

8 efectes integrats: B/N, sèpia, inversió, desenfocament, brillantor, contrast, saturació, rotació de to
Intensitat 0-200%: cada filtre té el seu propi control lliscant, 100% és l'estàndard, 200% el màxim
Vista prèvia en temps real: canviar i ajustar s'aplica a l'instant, sense exportacions repetides
Tots els formats: JPG / PNG / WEBP / GIF i altres formats d'imatge populars
Restabliment amb un clic: neteja tots els filtres i torna a l'original per comparar estils
Processament local: tots els filtres s'executen al Canvas del navegador, els fitxers no surten del dispositiu

Best Practices

Ordre: exposició primer, color després, estil al final

Flux recomanat: primer ajusta brillantor i contrast per corregir l'exposició, després la saturació per reparar el color, i finalment afegeix filtres d'estil com blanc i negre, sèpia o rotació de to. Això segueix la lògica de correcció de color de Photoshop i evita que un filtre d'estil potent tapi els problemes d'exposició al principi.

Comença el control d'intensitat al 50%, no saltis directament al 200%

La majoria de filtres funcionen millor en el rang 50-150%. Saltar directament al 200% sovint provoca retall de saturació, distorsió del to o desenfocament excessiu. Comença al 100% per avaluar i després ajusta en passos de ±20%.

Mantén la saturació entre 100-150% per evitar el retall de color

La saturació per sobre del 150% fa que el vermell i el groc surtin dels límits i perdin detalls. Per sobre del 200% poden aparèixer blocs de color irrecuperables. El rang 0-200% està dissenyat per a efectes creatius; per a la correcció diària 80-130% és l'ideal.

B/N + contrast moderat = estil documental clàssic

El blanc i negre pur pot semblar pla. Prova blanc i negre 100% més contrast 110-130% més un petit ajust de brillantor (segons l'exposició original). Aquesta combinació imita l'estil documental de l'era del cinema i va ser la recepta de B/N més popular de l'inici d'Instagram.

La sèpia va bé per a fotos antigues i nostàlgia, no per a productes moderns

El to marró de la sèpia canvia significativament la paleta de colors, per la qual cosa combina bé amb la nostàlgia, els treballs documentals i les miniatures de vídeo. Per a fotos principals de comerç electrònic, captures de UI o fotos de productes tecnològics, la sèpia fa que el producte sembli antiquat i poc professional, trencant el realisme de la mercaderia.

Intensitat de desenfocament per sobre de 30 ja dóna bokeh clar

El control de desenfocament 0-200% correspon a un radi de 0-20px. La intensitat 30 (3px) dóna una suavitat lleugera. La intensitat 50 (5px) serveix per simular el bokeh del fons. La intensitat 100 (10px) o superior és adequada per emmascarar dades personals o aïllar el subjecte d'un retrat.

Rotació de to 0/360/720 torna al color original

El to és un espai de color cíclic. La intensitat 0-200 equival a una rotació de 0°-360°. La intensitat 100 equival a 180° (color complementari), 200 torna a l'original. Per a correccions creatives queda't al rang 10-30; per sobre de 50 el color natural dels objectes canvia dràsticament.

Després de la correcció de color, executa el compressor d'imatges per reduir la mida

Aquesta eina exporta PNG sense pèrdua, que pot ser gran. Per a pàgines web, fitxers adjunts de correu o pujades a xarxes socials, continua amb el compressor d'imatges — convertir PNG a JPG sol estalviar un 50-80% de mida sense pèrdua de qualitat visible.

Preguntes freqients

Quins filtres d'imatge hi ha disponibles? Es poden fer B/N i vintage?

8 filtres professionals integrats: blanc i negre, sèpia, inversió, desenfocament, brillantor, contrast, saturació i rotació de to. Un clic crea estils vintage, fotos artístiques en B/N o efectes de desenfocament de somni. Tots els filtres suporten intensitat 0-200%; ja un 1% mostra canvis subtils, 100% és l'estàndard, 200% el màxim.

Puc fer l'efecte del filtre més fort o més suau?

Sí. Cada filtre té un control lliscant d'intensitat independent. 0% és apagat, 100% és l'estàndard, 200% el màxim. Per exemple, la saturació al 50% només refresca lleugerament els colors, el 150% aporta immediatament una sensació cinematogràfica. La rotació de to 50 equival a girar 90°, 200 torna al color original.

La meva foto és massa fosca o els colors són pàl·lids. Aquesta eina ho pot arreglar?

Està pensada exactament per a això. El control de brillantor rescata fotos subexposades de dies ennuvolats. El contrast afegeix profunditat a imatges planes. La saturació revifa fotos antigues esblaimades. Combinat amb la rotació de to pots alternar entre tons càlids i freds, crear blaus atmosfèrics de capvespre o estils neó cyber.

Puc apilar 8 filtres alhora?

Sí. Pots aplicar diversos filtres a la mateixa imatge, per exemple combinar 'sèpia suau + brillantor + contrast alt + saturació alta' per trobar ràpidament un to de marca coherent. Com que els filtres són matemàtiques a nivell de píxel, apilar-los no trenca l'estructura de la imatge, però el resultat pot ser més dramàtic, així que ajusta en passos petits.

Quins formats d'imatge s'admeten? Com es desa el resultat?

Compatibilitat total amb JPG, PNG, WEBP i GIF. Durant el processament veuràs la vista prèvia en temps real. Quan estiguis satisfet, fes clic a descarregar per exportar com a PNG (sense pèrdua, fitxer gran). Per a un JPG més petit, usa aquesta eina per al color i després comprimeix el resultat amb el compressor d'imatges.

És segur usar filtres d'imatge en línia? Es filtraran les meves fotos?

Totalment segur. Tot el processament d'imatges passa al teu navegador a través de la Canvas filter API. Cap fitxer s'envia al servidor, no cal instal·lar cap programari. Fins i tot fotos familiars, escanejos de contractes i documents d'identitat es poden processar de manera segura; tancar el navegador allibera la memòria a l'instant.

La correcció de color afecta la mida del fitxer?

Una mica. Augmentar la brillantor, el contrast o la saturació pot fer créixer lleugerament el fitxer. Enfosquir, blanc i negre o sèpia elimina detalls d'alta freqüència, cosa que pot reduir lleugerament la mida. Si vols fer-lo més petit encara, executa el compressor d'imatges després de la correcció de color. Corregir primer, comprimir després és el flux estàndard.

Quina diferència hi ha entre blanc i negre i sèpia?

El blanc i negre unifica el RGB a luminància (ponderació ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B) i elimina tot el color. La sèpia afegeix un to marró (Tint) sobre la base grisa, imitant el viratge químic de les fotografies del segle XIX, cosa que aporta una sensació nostàlgica més forta.

Glossari

CSS filter: Propietat CSS amb el conjunt de filtres d'imatge suportats nativament pel navegador: blur / brightness / contrast / drop-shadow / grayscale / hue-rotate / invert / opacity / saturate / sepia. Aquesta eina implementa el mateix conjunt a través de la Canvas filter API.MDN - CSS filter
To sèpia: To vintage clàssic que imita el viratge químic de les fotografies del segle XIX. Matriu RGB: R = 0,393R + 0,769G + 0,189B; G = 0,349R + 0,686G + 0,168B; B = 0,272R + 0,534G + 0,131B.
Rotació de to (Hue Rotate): Rotació cíclica del canal H (to) a l'espai de color HSL. Una rotació de 360° torna al color original. La intensitat 0-200% d'aquesta eina equival a una rotació de 0°-360°.
Ponderació BT.601: Fórmula de luminància de l'estàndard ITU-R BT.601: Y = 0,299R + 0,587G + 0,114B. Els filtres blanc i negre i el senyal de televisió usen aquesta ponderació perquè reflecteix millor la major sensibilitat de l'ull humà al verd que no pas una mitjana simple.
Exposició: La quantitat total de llum que rep una fotografia. Subexposició = massa fosc; sobreexposició = massa brillant. Els filtres de brillantor poden compensar-ho, però no poden restaurar els detalls de les llums perduts.
Saturació: La intensitat del color. 0% = escala de grisos completa; 100% = color original; >100% = reforçat. Una saturació massa alta causa retall de color i pèrdua de detalls.

8 filtres integrats d'un cop d'ull

Filtre	Algorisme / implementació	Escenari típic
Blanc i negre (Grayscale)	`R=G=B=0,299R+0,587G+0,114B`	Documental, art, tema vintage
Sèpia (Sepia)	`Matriu Sepia Tone clàssica`	Nostàlgia, efecte foto antiga, miniatura de vídeo
Inversió (Invert)	`255 menys l'original per canal RGB`	Radiografia, pòster artístic, UI fosc
Desenfocament (Blur)	`Canvas filter: blur(radius)`	Bokeh de fons, enfocament, màscara de privadesa
Brillantor (Brightness)	`Desplaçament afegit a RGB`	Correcció de subexposició, dia ennuvolat
Contrast (Contrast)	`(RGB-128) × factor + 128`	Profunditat a foto plana, estil HDR
Saturació (Saturate)	`Escalat del canal S a HSL`	Refrescar, revifar colors pàl·lids, color de marca
Rotació de to (Hue Rotate)	`Rotació del canal H a HSL`	Desplaçament creatiu, canvi de color, prova visual

Referència d'efectes del control d'intensitat 0-200%

Intensitat	Efecte visual	Ús recomanat
`0%`	Totalment apagat, equivalent a l'original	Reiniciar, prova A/B
`1-30%`	Molt subtil, gairebé invisible	Ajust fi, cal fixar-s'hi
`30-70%`	Efecte lleuger	Correcció de color diària
`100%`	Intensitat estàndard	Per defecte a la majoria d'escenaris
`130-170%`	Efecte reforçat	Treballs estilitzats, coherència de color de marca
`200%`	Efecte màxim	Processament artístic, abstracte

Authoritative References

ReferenceCSS filter - MDN
ReferenceViquipèdia - Sèpia (color)
ReferenceViquipèdia - Fotografia en color