Menu
Reklama

Konwerter zdjęć na pixel art

Zamień dowolne zdjęcie w pixel art z retro paletami, ditheringiem i siatką.

Autor: Nethanel Bar, Co-founder & CEO

Ostatnia aktualizacja

Reklama

Chcesz naprawdę nauczyć się programować?

Coddy uczy cię przez pisanie prawdziwego kodu w przeglądarce: interaktywne lekcje, natychmiastowa informacja zwrotna i pomoc AI, gdy utkniesz.

Czym jest konwerter zdjęć na pixel art?

Konwerter zdjęć na pixel art zamienia zwykłe zdjęcie lub rysunek w pixel art: zmniejsza obraz do małej siatki bloków, ogranicza kolory do niewielkiej palety i powiększa wynik z twardymi, ostrymi krawędziami. Gładka fotografia staje się grafiką w stylu retro, jak z gry.

Całą robotę wykonują dwa pomysły. *Zmniejszanie rozdzielczości* uśrednia każdy fragment zdjęcia do jednego piksela; szerokość wybierasz od 8 do 128 pikseli. *Kwantyzacja kolorów* przypisuje następnie każdemu pikselowi najbliższy kolor z palety: zachowaj oryginalne kolory, pozwól narzędziu automatycznie wybrać najlepsze N albo wymuś styl retro paletami 16 kolorów, 32 kolorów, zielonego LCD lub monochromatyczną. Opcjonalny dithering miesza sąsiednie kolory we wzór szachownicy, tak jak robiły to stare konsole przy gradientach.

Wszystko działa lokalnie w twojej przeglądarce, a obraz nigdy nie jest wysyłany. Użyj go do awatarów i zdjęć profilowych, szkiców grafik do gier, plakatów w stylu 8-bit albo włącz siatkę pikseli i użyj wyniku jako wzoru do koralików, haftu krzyżykowego czy gier z klockami. Jednym kliknięciem wyślesz wynik do Kreatora pixel art, aby edytować go piksel po pikselu.

Czego nauczysz się, konwertując obrazy

  • Rozdzielczość to informacja. Przy 32 pikselach szerokości twarz staje się tylko sugestią, a przy 96 jest rozpoznawalna. Obserwując suwak, widzisz, które szczegóły przetrwają kompresję.
  • Kwantyzacja kolorów przenosi miliony kolorów zdjęcia na małą paletę, wybierając najbliższy kolor. Na tym samym pomyśle opiera się kodowanie GIF i dawny sprzęt graficzny.
  • Dithering udaje dodatkowe kolory, przeplatając dwa kolory palety we wzór. Dzięki temu gry retro mogły pokazywać zachody słońca w 16 kolorach.
  • Pixel art trzeba skalować interpolacją najbliższego sąsiada. Eksport powiela każdy blok w ostre kwadraty, zamiast rozmywać je wygładzaniem.

Jak zamienić zdjęcie w pixel art

  1. Wrzuć obraz

    Kliknij pole upuszczania lub przeciągnij na nie plik PNG, JPG, WebP lub SVG. Obraz zostaje na twoim urządzeniu, a konwersja odbywa się w całości w przeglądarce.

  2. Wybierz szerokość w pikselach

    Przesuń suwak między 8 a 128 pikselami. Mniej pikseli = grubsze bloki i bardziej abstrakcyjny wynik; więcej pikseli = więcej szczegółów. Portrety zwykle wychodzą najlepiej między 48 a 96.

  3. Wybierz paletę i dithering

    Oryginalne zachowuje kolory zdjęcia. Auto wybiera najlepsze N kolorów dla tego obrazu. Palety retro wymuszają klasyczny wygląd z gier; wypróbuj Zielony LCD, aby uzyskać klimat konsoli przenośnej. Włącz dithering, aby wygładzić gradienty.

  4. Eksportuj

    Pobierz PNG w skali do 32x, wcześniej włącz siatkę pikseli, jeśli potrzebujesz wzoru do odtworzenia, albo wyślij wynik do Kreatora pixel art, aby poprawić go piksel po pikselu.

Reklama

Ustawienia w pigułce

Dobre punkty wyjścia dla typowych konwersji.

CelSzerokość w pikselachPaleta
Zdjęcie profilowe / awatar48-64Auto, 16-32 kolory, dithering włączony
Szkic grafiki do gry16-32Retro 16 lub Retro 32, dithering wyłączony
Wygląd konsoli przenośnej64-96Zielony LCD, dithering włączony
Baza plakatu / tapety96-128Auto, 32-64 kolory, dithering włączony
Wzór do koralików / haftu24-48Auto z kilkoma kolorami, siatka pikseli włączona
Sztuka minimalistyczna / brutalistyczna16-32Mono, dithering włączony

Konwersje do wypróbowania

Retro awatar z selfie

Ustawienia

Szerokość w pikselach: 56 Paleta: Auto (16 kolorów) Dithering: włączony Eksport: PNG 16x

Twarz potrzebuje tylko tyle rozdzielczości, by oczy były czytelne. Palety Auto zachowują wiarygodne odcienie skóry, a mała liczba kolorów daje klimat klasycznego pikselowego portretu.

Wygląd zrzutu ekranu z konsoli przenośnej

Ustawienia

Szerokość w pikselach: 80 Paleta: Zielony LCD (4) Dithering: włączony Eksport: PNG 8x

Cztery odcienie zieleni z ditheringiem od razu kojarzą się z oryginalną estetyką konsoli przenośnej. Najlepiej konwertują się zdjęcia o wysokim kontraście, bo paleta ma do dyspozycji tylko cztery poziomy jasności.

Wzór do koralików lub haftu krzyżykowego

Ustawienia

Szerokość w pikselach: 32 Paleta: Auto (8-12 kolorów) Dithering: wyłączony Siatka pikseli: włączona Eksport: PNG 16x

Wyłącz dithering, aby każdy obszar miał jeden jednolity kolor, który dopasujesz do koralika lub nici, i eksportuj z nałożoną siatką: każda komórka to jeden koralik lub ścieg do umieszczenia.

Częste błędy przy konwersji

  • Konwertowanie zdjęcia z mnóstwem szczegółów przy 16 pikselach szerokości i oczekiwanie portretu. Bardzo niskie rozdzielczości pasują do prostych motywów o wysokim kontraście, więc przed konwersją mocno przytnij zdjęcie.
  • Wyłączanie ditheringu przy gradientach. Bez niego niebo i skóra zamieniają się w twarde pasy kolorów.
  • Używanie 64 kolorów do wyglądu 'retro'. Stary sprzęt używał od 4 do 32 kolorów, a to ograniczenie tworzy styl.
  • Powiększanie wyniku w innej aplikacji z włączonym wygładzaniem. Zamiast tego eksportuj od razu w potrzebnym rozmiarze; to narzędzie skaluje z twardymi krawędziami pikseli.
  • Oczekiwanie przezroczystości z pliku JPG. Kanał alfa mają tylko źródła PNG, WebP i SVG; JPG zawsze wypełnia całą ramkę.

Zdjęcie na pixel art: najczęstsze pytania

Jak zamienić zdjęcie w pixel art?
Wgraj obraz, wybierz, ile pikseli szerokości ma mieć wynik, wybierz paletę i pobierz PNG. Konwerter zmniejsza zdjęcie do twojej siatki, dopasowuje każdy piksel do palety i eksportuje z ostrymi, niewygładzonymi krawędziami.
Jakie są najlepsze ustawienia do pixel art ze zdjęcia?
Dla większości zdjęć: 48 do 64 pikseli szerokości, paleta Auto z 16 kolorami, dithering włączony. Zejdź niżej (16-32 piksele), jeśli chcesz wynik przypominający ikonę, a wyżej (96-128), gdy szczegóły są ważniejsze niż wyraźne bloki.
Czym jest dithering?
Dithering przeplata dwa kolory palety w drobny wzór, tak aby oko zmieszało je w pośredni odcień. Wygładza gradienty, które inaczej rozpadłyby się na pasy; tej samej techniki używają klasyczne konsole i pliki GIF. Wyłącz go, gdy chcesz dużych jednolitych obszarów, na przykład we wzorach do koralików.
Co robią palety?
Oryginalne zachowuje każdy kolor, jaki daje zmniejszone zdjęcie. Auto analizuje obraz i wybiera N najbardziej reprezentatywnych kolorów (median cut). Retro 16 i Retro 32 dopasowują obraz do klasycznych palet pixel art, Zielony LCD daje czteroodcieniowy wygląd konsoli przenośnej, a Mono to skala szarości.
Czy mogę dostać siatkę, aby odtworzyć obraz z koralików lub klocków?
Tak, włącz siatkę pikseli, a każda komórka dostanie widoczną ramkę w podglądzie i w eksportowanym PNG. Dzięki temu wynik staje się gotowym wzorem do koralików prasowanek, haftu krzyżykowego, mozaik czy gier z klockami.
Czy mogę edytować wynik piksel po pikselu?
Tak. Przycisk Edytuj w Kreatorze pixel art wysyła przekonwertowaną siatkę prosto do narzędzia Kreator pixel art, gdzie poprawisz zabłąkane piksele, zmienisz kolory obszarów, dodasz szczegóły, a nawet animujesz klatki, a potem ponownie wyeksportujesz wynik.
Dlaczego wynik wygląda na rozmyty w mojej przeglądarce obrazów?
Niektóre przeglądarki obrazów wygładzają obraz przy powiększaniu. Sam eksportowany PNG ma twarde krawędzie; eksportuj w skali 16x lub 32x, aby wyświetlał się w pełnej ostrości bez powiększania.
Czy moje zdjęcie jest wysyłane na serwer?
Nie. Cała konwersja, czyli zmniejszanie, dopasowanie do palety, dithering i eksport, działa lokalnie w twojej przeglądarce. Obraz nigdy nie opuszcza twojego urządzenia, a narzędzie jest darmowe i nie wymaga rejestracji.

Dowiedz się więcej

Inne narzędzia dla programistów

Ilustracja języków programowania w Coddy

Ucz się programowania z Coddy

ZACZNIJ