Dithering av bilder

Ditheringverktyget läses in…

Gör om en PNG-, JPEG- eller WebP-bild till en rasterbild med avsiktligt begränsad palett genom Floyd-Steinberg-, Atkinson- eller Bayer 4×4-dithering. Välj Monokrom, Gråskala eller Begränsade färger, jämför förhandsvisningen och exportera en PNG. Bearbetningen stannar i webbläsaren: bilden laddas inte upp, skickas inte via Livewire och läggs inte i en webbadress. I stegflödet kan en tillfällig lokal kopia hålla projektet tillgängligt mellan sidorna; Börja om tar bort den och kopian upphör automatiskt efter två timmar. Det här är deterministisk pixelbearbetning, inte AI, bildkalkering eller vektorkonvertering. Källbilden får vara högst 15 MiB, 20 megapixlar och 8 192 pixlar per sida. För att webbläsaren ska förbli responsiv begränsas utdata automatiskt till 4 megapixlar. Den ursprungliga alfakanalen bevaras medan ditheringen bara ändrar RGB, så helt genomskinliga pixlar förblir genomskinliga.

Så dithrar du en bild i webbläsaren

  1. 1

    Välj en bild

    Öppna en PNG-, JPEG- eller WebP-fil på högst 15 MiB och 20 megapixlar. Filen avkodas lokalt i webbläsaren.

  2. 2

    Välj algoritm

    Använd Floyd-Steinberg- eller Atkinson-feldiffusion, eller välj Bayer 4×4 för ett regelbundet ordnat mönster.

  3. 3

    Välj palett

    Välj Monokrom, Gråskala eller Begränsade färger och granska hur det minskade färgantalet återger toningar, kanter och texturer.

  4. 4

    Ladda ned PNG-filen

    Granska rasterbilden med lämpliga zoomnivåer och exportera sedan de bearbetade pixlarna som PNG med källans alpha bevarad.

Vad de tre algoritmerna förändrar

Dithering återger toner med en mindre uppsättning färger genom att ordna tillgängliga pixlar rumsligt. Floyd och Steinberg presenterade framåtriktad feldiffusion i sin artikel från 1976, An Adaptive Algorithm for Spatial Greyscale. Varje kvantiserad pixel lämnar ett fel som fördelas till närliggande pixlar som ännu inte har bearbetats. Detta ger vanligtvis en fin, oregelbunden textur och bevarar gradvisa förändringar bättre än ett enda tröskelvärde för hela bilden.

Atkinson använder också feldiffusion, men grannmönstret och hur stor del av felet som bevaras skiljer sig. Apple anger Floyd-Steinberg och Atkinson som separata ditheringmetoder i vImage. Atkinson ger ofta ett skarpare resultat med högre kontrast, men kan förlora en del mjuka tonvariationer.

Bayer 4×4 är ordnad dithering. En fast tröskelmatris på 4×4 upprepas över bilden i stället för att felet förs vidare från en pixel till nästa. Metoden kommer från B. E. Bayers artikel från 1973, registrerad som An Optimum Method for Two-Level Rendition of Continuous-Tone Pictures. Det synliga, regelbundna mönstret passar retrografik och förutsägbara texturer.

Algoritm Bearbetningsmodell Typiskt utseende Praktisk avvägning
Floyd-Steinberg Sprider kvantiseringsfelet till grannar som bearbetas senare Fina, oregelbundna detaljer Kan skapa maskliknande textur i jämna ytor
Atkinson Sprider en del av felet genom ett bredare lokalt mönster Skarpa kanter och öppna högdagrar Kan minska precisionen i vissa mellantoner
Bayer 4×4 Jämför varje pixel med en upprepad tröskelmatris Regelbunden 4×4-textur Mönstret syns tydligare än feldiffusion

Palettens och alfakanalens gränser

Monokrom minskar synligt RGB till två toner. Gråskala behåller flera neutrala nivåer, medan Begränsade färger kvantiserar RGB till en liten färguppsättning. Lägena identifierar inte motiv, återskapar inte förlorade detaljer och härleder inte nya färger. Resultatet förblir en rasterbild med de bearbetade pixelmåtten; det är inte SVG eller annan vektorgrafik.

Ditheringen ändrar bara RGB-värdena. Den ursprungliga alfakanalen kopieras för varje pixel, även vid delvis genomskinlighet, och helt genomskinliga pixlar förblir genomskinliga. PNG-specifikationen definierar alpha per pixel från helt genomskinlig till helt ogenomskinlig. JPEG saknar alpha, medan PNG och vissa WebP-bilder kan innehålla den.

Bearbetning i webbläsaren och PNG-export

Webbläsaren avkodar filen, läser pixlarna, tillämpar algoritmen och skapar nedladdningen lokalt. Bilden laddas aldrig upp och dess byte skickas inte i Livewire-anrop eller flödets webbadresser. I stegflödet kan projektet ligga kvar i upp till två timmar i lokal lagring som isoleras per flik för att klara fullständiga sidbyten. Börja om tar bort projektet och automatisk utgång rensar övergivna data. HTML Canvas-specifikationen definierar pixelavläsning och export med toBlob(), där PNG krävs om en begärd typ inte stöds.

Gränsen på 15 MiB för den komprimerade filen och gränserna på 20 megapixlar och 8 192 pixlar per sida för den avkodade bilden skyddar webbläsarens minne och bearbetningstid. En liten komprimerad fil kan ändå bli en stor pixelbuffert. För att webbläsaren ska förbli responsiv begränsas utdata automatiskt till 4 megapixlar även när den tillåtna källan är större. Förminska först en giltig bild som överskrider en källgräns. PNG-exporten bevarar pixlar och alpha förlustfritt, men inte källfilens metadata, lager eller vektorobjekt.

Vanliga frågor

Prova Floyd-Steinberg för fin feldiffunderad textur, Atkinson för ett skarpare utseende med hög kontrast och Bayer 4×4 för ett tydligt regelbundet retromönster. Det bästa valet beror på bilden och önskat utseende.

Nej. Det tillämpar deterministisk pixelkvantisering och dithering i webbläsaren. Det känner inte igen motiv, genererar innehåll, kalkerar former eller exporterar SVG. Nedladdningen är en raster-PNG.

Det ursprungliga alfavärdet kopieras för varje pixel och ditheringen påverkar bara RGB. Helt genomskinliga pixlar förblir genomskinliga och partiell alpha bevaras i PNG-filen.

Du kan öppna PNG-, JPEG- och WebP-filer på högst 15 MiB, 20 megapixlar och 8 192 pixlar per sida. För att webbläsaren ska förbli responsiv begränsas utdata automatiskt till 4 megapixlar.

Bilden laddas aldrig upp, skickas via Livewire eller läggs i en webbadress. I stegflödet kan en lokal, flikisolerad kopia sparas i upp till två timmar. Börja om tar bort den och övergivna projekt upphör automatiskt.

Relaterade verktyg