PO Paint Online

Pixel Art Editor — twórz pixel art online

Darmowy edytor pixel artu online z siatką, ołówkiem co do piksela, wiaderkiem, warstwami i przezroczystym tłem. Eksportuj ostre pliki PNG w dowolnej skali.

🔒 Działa całkowicie w Twojej przeglądarce — nic nie jest przesyłane

— 100%

Image properties

Changes the canvas size. New space is filled with color 2.

Resize and skew

Resize
Skew (degrees)
Advertisement

Rysowanie co do piksela na siatce

Ten edytor pixel artu otwiera małe, przezroczyste płótno 32×32, powiększa je tak, by wypełniało okno, i włącza siatkę, abyś widział każdy piksel. Ołówek rysuje pojedyncze piksele o ostrych krawędziach, bez wygładzania, czyli dokładnie to, czego potrzebują sprite’y, ikony, emoji i grafika w stylu retro. Zwiększ rozmiar ołówka, aby malować bloki 2×2 lub 3×3, użyj wiaderka, aby wypełnić obszar kolorem, i przełącz się na gumkę, aby przywrócić pikselom przezroczystość. Kliknij prawym przyciskiem myszy dowolnym narzędziem, aby użyć drugiego koloru — dzięki temu łatwo przełączać się między kolorem konturu a kolorem wypełnienia.

Przybliżaj i oddalaj widok klawiszem Ctrl i kółkiem myszy, gestem szczypania na ekranie dotykowym lub suwakiem powiększenia na pasku stanu; obraz jest zawsze renderowany skalowaniem metodą najbliższego sąsiada, więc piksele nigdy się nie rozmywają. Przytrzymaj spację i przeciągaj, aby przesuwać większe płótna. Siatkę włączysz lub wyłączysz skrótem Ctrl+G, a pasek stanu pokazuje dokładne współrzędne piksela pod kursorem.

Rozmiary, palety i warstwy

Użyj File → New, aby zacząć od innego rozmiaru: 16×16 dla favicon i małych ikon, 24×24 lub 32×32 dla postaci i przedmiotów, 64×64 lub więcej dla szczegółowych scen i kafelków. Wybieraj kolory z wbudowanej palety, pobieraj istniejące próbnikiem lub twórz własne za pomocą Edit colors; ostatnie dziesięć własnych kolorów jest zapamiętywane na Twoim urządzeniu. Warstwy pozwalają oddzielić kontury, kolory bazowe, cieniowanie i światła, dzięki czemu możesz poprawiać każdą z nich bez dotykania pozostałych.

Eksport bez rozmycia

Zapisz jako PNG, aby uzyskać dokładny rozmiar w pikselach z zachowaną przezroczystością. Gdy potrzebujesz większej wersji na stronę internetową, do sklepu lub w mediach społecznościowych, użyj opcji “Save as PNG, scaled up” i wybierz całkowity współczynnik: każdy piksel staje się ostrym, kwadratowym blokiem. Wszystko działa lokalnie w przeglądarce, więc Twoja grafika nigdy nie jest przesyłana, a konta, znaki wodne i limity nie istnieją.

Jak używać

  1. Ustaw rozmiar płótnaZacznij od płótna 32×32 lub otwórz File → New, aby wybrać inny rozmiar, np. 16×16 lub 64×64, z przezroczystym tłem.
  2. Rysuj piksel po pikseluOłówek stawia pojedyncze piksele o ostrych krawędziach. Użyj wiaderka do wypełniania obszarów, próbnika do ponownego użycia kolorów i gumki do usuwania pikseli.
  3. Eksportuj ostre pliki PNGZapisz jako PNG w oryginalnym rozmiarze lub użyj “Save as PNG, scaled up”, aby wyeksportować w skali 8× lub większej bez rozmycia.

Najczęściej zadawane pytania

Dlaczego moje piksele nie są rozmyte?
Ołówek rysuje liniami Bresenhama i wyłącznie całymi pikselami, a płótno jest wyświetlane z wyłączonym wygładzaniem przy powiększeniu, więc każdy piksel pozostaje idealnie kwadratowy.
Jak zachować przezroczyste tło?
Płótno do pixel artu zaczyna jako przezroczyste (widoczne jako szachownica). Zapisz jako PNG, aby zachować przezroczystość. JPEG i BMP nie obsługują przezroczystości i są spłaszczane na białym tle.
Czy mogę powiększyć sprite’y do udostępniania?
Tak. Użyj File → Save as PNG, scaled up i wpisz współczynnik, np. 8. Każdy piksel staje się blokiem 8×8 bez wygładzania, co idealnie nadaje się do mediów społecznościowych i silników gier.
Czy mogę rysować na kilku warstwach?
Tak. Dodaj warstwy dla konturów, kolorów i cieniowania, a następnie ukrywaj je lub scalaj według potrzeb. Zapisz plik projektu, aby zachować warstwy na później.
Advertisement