I digital signalbehandling reduserer pikselering (også kalt et mosaikkfilter eller romlig kvantisering) den romlige oppløsningen til et bilde eller valgt område, samtidig som visningsdimensjonene holdes uendret. Motoren vår nedsampler målregionen med en faktor 1 / blockSize og skalerer den deretter opp til full oppløsning med ctx.imageSmoothingEnabled = false, og produserer sylskarpe firkantede fargefliser.| Forhåndsinnstilt / blokkstørrelse | Flisdimensjon | Visuell effekt | Anbefalt bruksområde |
| :--- | :--- | :--- | :--- |
| 8-bits retro (4px – 8px)| 4×4 til 8×8 px | Stiliserer bilder til klassisk 16-bits/8-biters sprite-estetikk for videospill | Prototyping av spillobjekter, retroavatarer og mosaikkkunstverk (par sammen medVis pikselrutenettlinjer) |
| Standardmosaikk (12px – 18px) | 12×12 til 18×18 px | Tilslører fine detaljer og liten brukergrensesnitttekst (< 14 pkt) samtidig som de generelle scenefargene bevares | Uskarp bakgrunnsdashboard i produktdemoer eller gjemmer små e-postadresser (Blur Image) |
| Sterk sensur (24px – 35px) | 24×24 til 35×35 px | Reduserer ansikter, bilskilt og medium overskrifter til ugjenkjennelige makrofliser | Anonymisering av ansikter i gatefotografering, kjøretøyskilt og skjermbilder av sosiale medier |
| Maksimal redakt (45px – 100px)| 45×45 til 100×100 px | Kollapser hele ord og ansiktsstrukturer i 2–4 ensfargede blokker | Irreversibel redaksjon av API-nøkler, kredittkortnumre, passord og store dokumentoverskrifter |Profftips for skarpe kanter:Når du eksporterer pikselerte bilder eller retropikselkunst, velgPNG (Lossless) som utdataformat. Lossy JPEG-komprimering bruker 8×8 Discrete Cosine Transform (DCT)-blokker som kan introdusere subtile ringeartefakter langs skarpe mosaikkfliser, mens PNG bevarer hver firkantet kant med 100 % matematisk presisjon.
Hvordan romlig kvantisering (pikselering) fungerer – og hvordan velge riktig blokkstørrelse
Kort svar: Pikselering deler et bilde inn i et rutenett med N×N pikselkvadrater, erstatter hver piksel i hver rute med blokkens gjennomsnittlige RGB-farge, og gjengir resultatet ved å bruke skarpe nærmeste naboskalering (imageSmoothingEnabled = false).