Dithering obrazu

Ładowanie narzędzia do ditheringu…

Zamień obraz PNG, JPEG lub WebP w raster o celowo ograniczonej palecie za pomocą ditheringu Floyd-Steinberg, Atkinson albo Bayer 4×4. Wybierz tryb Monochromatyczny, Skala szarości lub Ograniczone kolory, porównaj podgląd i wyeksportuj PNG. Przetwarzanie pozostaje w tej przeglądarce: obraz nie jest przesyłany, wysyłany przez Livewire ani umieszczany w adresie URL. W trybie wieloetapowym tymczasowa lokalna kopia może zachować projekt między stronami; opcja Zacznij od nowa ją usuwa, a po dwóch godzinach kopia automatycznie wygasa. Jest to deterministyczne przetwarzanie pikseli, a nie AI, obrysowywanie obrazu czy konwersja wektorowa. Obraz źródłowy może mieć maksymalnie 15 MiB, 20 megapikseli i 8 192 piksele na bok. Aby przeglądarka działała płynnie, wynik jest automatycznie ograniczany do 4 megapikseli. Oryginalny kanał alfa zostaje zachowany, a dithering zmienia tylko RGB, więc całkowicie przezroczyste piksele nadal są przezroczyste.

Jak zastosować dithering obrazu w przeglądarce

  1. 1

    Wybierz obraz

    Otwórz plik PNG, JPEG lub WebP o rozmiarze do 15 MiB i 20 megapikseli. Plik jest dekodowany lokalnie w przeglądarce.

  2. 2

    Wybierz algorytm

    Użyj dyfuzji błędu Floyd-Steinberg lub Atkinson albo wybierz Bayer 4×4, aby uzyskać regularny uporządkowany wzór.

  3. 3

    Wybierz paletę

    Wybierz tryb Monochromatyczny, Skala szarości lub Ograniczone kolory i oceń odwzorowanie gradientów, krawędzi i faktur przez mniejszą liczbę barw.

  4. 4

    Pobierz PNG

    Sprawdź podgląd rastra przydatnymi poziomami powiększenia, a następnie wyeksportuj przetworzone piksele jako PNG z zachowaniem źródłowego kanału alfa.

Co zmieniają trzy algorytmy

Dithering odwzorowuje tony za pomocą mniejszego zestawu kolorów, rozmieszczając dostępne piksele przestrzennie. Floyd i Steinberg przedstawili dyfuzję błędu w przód w artykule z 1976 roku, An Adaptive Algorithm for Spatial Greyscale. Każdy skwantowany piksel pozostawia błąd rozdzielany między sąsiednie piksele oczekujące na przetworzenie. Zwykle daje to drobną, nieregularną fakturę i lepiej zachowuje łagodne przejścia niż jeden próg zastosowany do całego obrazu.

Atkinson także wykorzystuje dyfuzję błędu, lecz ma inny układ sąsiadów i zachowuje inną część błędu. Apple wymienia Floyd-Steinberg i Atkinson jako odrębne metody ditheringu vImage. Atkinson często daje ostrzejszy obraz o większym kontraście, ale może tracić część płynnych przejść tonalnych.

Bayer 4×4 to dithering uporządkowany. Zamiast przenosić błąd z jednego piksela na następny, powtarza na obrazie stałą macierz progową 4×4. Metoda pochodzi z artykułu B. E. Bayera z 1973 roku, zapisanego jako An Optimum Method for Two-Level Rendition of Continuous-Tone Pictures. Widoczny regularny wzór sprawdza się w grafice retro i przewidywalnych fakturach.

Algorytm Model przetwarzania Typowy wygląd Praktyczny kompromis
Floyd-Steinberg Rozprowadza błąd kwantyzacji do później przetwarzanych sąsiadów Drobne, nieregularne detale Może tworzyć robakowate faktury na jednolitych obszarach
Atkinson Rozprowadza część błędu w szerszym lokalnym układzie Ostre krawędzie i jasne światła Może zmniejszyć dokładność niektórych półtonów
Bayer 4×4 Porównuje piksele z powtarzaną macierzą progową Regularna faktura 4×4 Wzór jest bardziej widoczny niż przy dyfuzji błędu

Granice palety i kanału alfa

Tryb Monochromatyczny ogranicza widoczne RGB do dwóch tonów. Skala szarości zachowuje kilka poziomów neutralnych, a Ograniczone kolory kwantyzuje RGB do małego zbioru barw. Tryby nie rozpoznają obiektów, nie odbudowują utraconych szczegółów ani nie wymyślają nowych kolorów. Wynik pozostaje rastrem o przetworzonych wymiarach pikselowych; nie jest plikiem SVG ani inną grafiką wektorową.

Obliczenia ditheringu zmieniają tylko RGB. Oryginalna wartość alfa każdego piksela, w tym częściowa przezroczystość, jest kopiowana, a całkowicie przezroczyste piksele pozostają przezroczyste. Specyfikacja PNG definiuje alfa dla każdego piksela od pełnej przezroczystości do pełnego krycia. JPEG nie ma kanału alfa, ale PNG i niektóre pliki WebP mogą go zawierać.

Przetwarzanie w przeglądarce i eksport PNG

Przeglądarka dekoduje plik, odczytuje piksele, stosuje wybrany algorytm i lokalnie tworzy plik do pobrania. Obraz nie jest przesyłany, a jego bajty nie trafiają do żądań Livewire ani adresów URL. W trybie wieloetapowym projekt może pozostać przez maksymalnie dwie godziny w lokalnej pamięci odizolowanej dla danej karty, aby przetrwać przejścia między stronami. Zacznij od nowa usuwa projekt, a automatyczne wygasanie czyści porzucone dane. Specyfikacja HTML Canvas opisuje odczyt pikseli i eksport przez toBlob(), przy czym PNG jest wymagany, gdy żądany typ nie jest obsługiwany.

Limit 15 MiB dla skompresowanego pliku oraz limity 20 megapikseli i 8 192 pikseli na bok dla zdekodowanego obrazu chronią pamięć i czas pracy przeglądarki. Mały skompresowany plik może utworzyć duży bufor pikseli. Aby przeglądarka działała płynnie, wynik jest automatycznie ograniczany do 4 megapikseli, nawet gdy dozwolone źródło jest większe. Jeśli poprawny obraz przekracza limit źródłowy, najpierw go zmniejsz. Eksport PNG bezstratnie zachowuje piksele i kanał alfa, ale nie metadane, warstwy ani obiekty wektorowe pliku źródłowego.

Najczęściej zadawane pytania

Wypróbuj Floyd-Steinberg, aby uzyskać drobną fakturę z dyfuzją błędu, Atkinson dla ostrzejszego obrazu o wysokim kontraście oraz Bayer 4×4 dla wyraźnie regularnego wzoru retro. Najlepszy wybór zależy od obrazu i oczekiwanego wyglądu.

Nie. Stosuje deterministyczną kwantyzację pikseli i dithering w przeglądarce. Nie rozpoznaje obiektów, nie generuje treści, nie obrysowuje kształtów ani nie eksportuje SVG. Pobierany plik to rastrowy PNG.

Oryginalna wartość alfa jest kopiowana dla każdego piksela, a dithering zmienia tylko RGB. Całkowicie przezroczyste piksele pozostają przezroczyste, a częściowa alfa zostaje zachowana w PNG.

Możesz otwierać pliki PNG, JPEG i WebP do 15 MiB, 20 megapikseli i 8 192 pikseli na bok. Aby przeglądarka działała płynnie, wynik jest automatycznie ograniczany do 4 megapikseli.

Obraz nie jest przesyłany, wysyłany przez Livewire ani umieszczany w adresie URL. W trybie wieloetapowym lokalna kopia przypisana do karty może być przechowywana do dwóch godzin. Zacznij od nowa ją usuwa, a porzucone projekty automatycznie wygasają.

Powiązane narzędzia