Kreator Pixel Art: rysuj pixel art online
Wybierz siatkę, dotknij koloru i rysuj piksel po pikselu – myszą, palcem lub rysikiem. Gotowe? Zapisz jako PNG z przezroczystym tłem, powiększone od 1 do 32 razy. Wszystko dzieje się w Twojej przeglądarce, nic nie jest przesyłane.
Jak to obliczamy
Pixel art to grafika, w której każdy piksel jest ustawiany celowo – znana z gier ery 8- i 16-bitowej, ale popularna też dziś w ikonach, emoji, sprite’ach, awatarach i wzorach do haftu krzyżykowego. Ten kreator pixel art to lekki edytor bezpośrednio w przeglądarce: bez konta, bez instalacji, bez przesyłania plików.
Jak to działa
- Wybierz rozmiar siatki: 8 × 8 na mini ikony, 16 × 16 lub 32 × 32 na klasyczne sprite’y, do 64 × 64 na bardziej szczegółowe motywy. Przy zmianie zawartość w lewym górnym rogu zostaje zachowana.
- Dotknij koloru z palety lub wybierz własny przez pole koloru.
- Rysuj: ołówek stawia piksele, gumka znów robi je przezroczystymi, wiaderko koloruje spójny obszar tego samego koloru, pipeta przejmuje kolor z obrazu, a linia rysuje prostą linię pikseli od punktu początkowego do końcowego.
- Włącz lustro, aby rysować symetrycznie – idealne do postaci, twarzy i ikon. Czerwona linia pokazuje oś symetrii.
- Pobierz jako PNG: wybierz powiększenie (1× do 32×) i zapisz. Niepomalowane piksele są przezroczyste.
Dlaczego eksportować powiększone?
Obraz 16 × 16 jest maleńki w oryginalnym rozmiarze. Powiększony później w programie graficznym często robi się rozmyty. Eksport tutaj powiększa każdy piksel do dokładnego bloku (np. 16 × 16 przy 16×) – krawędzie pozostają ostre i wyraźne. Do silników gier, które same skalują, weź 1×; do mediów społecznościowych, prezentacji czy druku raczej 16× lub 32×.
Technika i uczciwe ograniczenia
- Jeden obraz z jedną warstwą – bez wielu warstw, bez animacji (GIF/sprite sheet) i bez importu istniejących obrazów.
- Wiaderko wypełnia tylko piksele połączone poziomo i pionowo (przekątne je zatrzymują); linia korzysta z klasycznego algorytmu Bresenhama.
- Cofanie sięga do 100 kroków wstecz, dopóki strona pozostaje otwarta.
- Największy wynik to 64 × 32 = 2048 pikseli boku.
Prywatność
Rysunek powstaje i pozostaje w Twojej przeglądarce – nie ma serwera, do którego jest wysyłany. Aby nic nie zginęło, edytor zapamiętuje Twoją pracę w lokalnej pamięci tej przeglądarki (localStorage, klucz pixelart:v1). „Wyczyść wszystko” ją usuwa; alternatywnie możesz wyczyścić dane strony w przeglądarce.
Do dalszej pracy: generator favicon zamienia Twój motyw pikselowy w ikonę strony, Zmiana rozmiaru zdjęcia dopasowuje PNG do konkretnych wymiarów, a generator palet kolorów podpowiada pasujące barwy. Grafikę wektorową zamienisz przez SVG na PNG.
Najczęściej zadawane pytania
Jak stworzyć pixel art online?
Wybierz rozmiar siatki (np. 16 × 16), dotknij koloru i stawiaj piksele ołówkiem. Wiaderko wypełnia obszary, narzędzie linii rysuje proste krawędzie. Na koniec kliknij „Pobierz jako PNG”.
Czy kreator pixel art jest darmowy?
Tak, bez rejestracji, bez znaku wodnego i bez limitu pobrań. Gotowy obraz należy do Ciebie.
Jaki rozmiar jest dobry do pixel art?
16 × 16 i 32 × 32 to klasyka do postaci z gier i ikon. 8 × 8 wymusza bardzo proste kształty, 64 × 64 pozwala na więcej szczegółów, ale zajmuje dużo więcej czasu. Na początek idealny jest 16 × 16.
Jak zapisać pixel art z przezroczystym tłem?
Wszystkie niepomalowane piksele są przezroczyste (wzór szachownicy). Eksport do PNG automatycznie przejmuje tę przezroczystość. Wygumowane piksele też stają się z powrotem przezroczyste.
Jak powiększyć pixel art bez rozmycia?
Wybierz powiększenie przed pobraniem (do 32×). Każdy piksel staje się wtedy dokładnym blokiem koloru, bez rozmycia. Do późniejszego skalowania w innych programach używaj tylko „najbliższego sąsiada” lub „powielania pikseli”.
Czy mój rysunek zniknie, gdy zamknę stronę?
Nie. Praca jest automatycznie zapamiętywana w lokalnej pamięci tej przeglądarki i przywracana przy następnej wizycie, na tym samym urządzeniu i w tej samej przeglądarce. W trybie prywatnym przeglądarka może to uniemożliwić.
Czy edytor działa na telefonie i tablecie?
Tak. Rysujesz palcem lub rysikiem; obszar rysowania się przy tym nie przewija. Do precyzyjnej pracy w 48 × 48 lub 64 × 64 wygodniejszy jest większy ekran.
Czy mogę tworzyć animacje lub sprite sheety?
Nie, edytor tworzy pojedynczy obraz. Możesz narysować kolejne fazy animacji jedna po drugiej, wyeksportować je osobno i złożyć w programie do animacji.
Źródła i podstawa prawna
- W3C – Pointer Events Level 3 (Maus, Touch und Stift)
- W3C – Portable Network Graphics (PNG) Specification (Alphakanal/Transparenz)
- MDN – CanvasRenderingContext2D: putImageData()
- MDN – CSS image-rendering: pixelated
- J. E. Bresenham (1965): Algorithm for computer control of a digital plotter, IBM Systems Journal 4(1)
Stan na:
Podobne narzędzia
- Generator favicon: z obrazka, tekstu lub emojiGenerator favicon z obrazka, liter lub emoji: favicon.ico (16/32/48), apple-touch-icon, PNG 192/512, site.webmanifest i kod HTML. Bez wysyłania plików.
- Konwertuj SVG na PNGZamień SVG na PNG w przeglądarce: rozmiar w pikselach lub jako mnożnik, przezroczyste lub kolorowe tło, do 20 plików naraz jako ZIP. Za darmo, bez wysyłania.
- Generator palet kolorówGenerator palet kolorów: dobierz pasujące kolory do jednego koloru bazowego – dopełniające, analogiczne, triada, kwadrat, monochromatyczne – z HEX, RGB i HSL.
- Zmiana rozmiaru zdjęciaZmiana rozmiaru zdjęcia online za darmo: w pikselach lub procentach, z zachowaniem proporcji lub przycięciem, szablony Instagram i YouTube. Bez wysyłania.
- Dodaj znak wodny do zdjęćDodaj znak wodny do zdjęć online: tekst lub logo, krycie, obrót, 9 pozycji lub kafelki. Do 20 zdjęć naraz, pobieranie ZIP, bez wysyłania. Za darmo.
- Generator kodów QR – za darmo i na zawszeZrób kod QR z linku, Wi-Fi, kontaktu (vCard), e-maila, telefonu lub SMS. Wybierz kolory, pobierz PNG lub SVG. Za darmo, bez rejestracji, kod nie wygasa.