PO Paint Online

Pixel Art Editor — малюйте піксель-арт онлайн

Безкоштовний онлайн-редактор піксель-арту із сіткою, піксельним олівцем, заливкою, шарами та прозорим тлом. Експортуйте чіткі PNG у будь-якому масштабі.

🔒 Працює повністю у вашому браузері — нічого не завантажується

— 100%

Image properties

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

Resize and skew

Resize
Skew (degrees)
Advertisement

Піксельно точне малювання на сітці

Цей редактор піксель-арту відкриває невелике прозоре полотно 32×32, масштабує його на все вікно та вмикає сітку, щоб ви бачили кожен піксель. Олівець малює окремі пікселі з різкими краями без згладжування — саме це потрібно спрайтам, іконкам, емодзі та ретро-графіці для ігор. Збільшуйте розмір олівця, щоб малювати блоки 2×2 чи 3×3, використовуйте заливку, щоб залити область кольором, і перемикайтеся на гумку, щоб повернути пікселям прозорість. Клацніть правою кнопкою миші будь-яким інструментом, щоб використати другий колір, — так легко перемикатися між кольором контуру та кольором заливки.

Збільшуйте й зменшуйте масштаб за допомогою Ctrl і колеса миші, щипка на сенсорному екрані чи повзунка масштабу в рядку стану; зображення завжди відтворюється масштабуванням за найближчим сусідом, тож пікселі ніколи не розмиваються. Утримуйте пробіл і тягніть, щоб пересуватися великими полотнами. Сітку можна вмикати й вимикати за допомогою Ctrl+G, а рядок стану показує точні координати пікселя під курсором.

Розміри, палітри та шари

Скористайтеся File → New, щоб почати з іншого розміру: 16×16 для фавіконів і крихітних іконок, 24×24 або 32×32 для персонажів і предметів, 64×64 чи більше для детальних сцен і тайлів. Обирайте кольори з вбудованої палітри, беріть наявні піпеткою або створюйте власні через Edit colors; останні десять власних кольорів запам’ятовуються на вашому пристрої. Шари дають змогу розділити контури, базові кольори, тіні та світлі акценти, щоб коригувати кожен окремо, не чіпаючи решти.

Експорт без розмиття

Збережіть як PNG, щоб отримати точний розмір у пікселях із незмінною прозорістю. Якщо потрібна більша версія для сайту, сторінки в магазині чи соцмереж, скористайтеся «Save as PNG, scaled up» і виберіть цілий коефіцієнт: кожен піксель стане чітким квадратним блоком. Усе працює локально у вашому браузері, тож ваші роботи ніколи не завантажуються на сервер, а облікових записів, водяних знаків і обмежень немає.

Як користуватися

  1. Задайте розмір полотнаПочніть із полотна 32×32 або відкрийте File → New, щоб вибрати інший розмір, наприклад 16×16 чи 64×64, із прозорим тлом.
  2. Малюйте піксель за пікселемОлівець ставить окремі пікселі з різкими краями. Використовуйте заливку для областей, піпетку — щоб повторно взяти колір, а гумку — щоб стирати пікселі.
  3. Експортуйте чіткі PNGЗбережіть як PNG в оригінальному розмірі або скористайтеся «Save as PNG, scaled up», щоб експортувати у масштабі 8× чи більше без розмиття.

Часті запитання

Чому мої пікселі не розмиті?
Олівець малює лініями Брезенхема й лише цілими пікселями, а полотно під час збільшення відображається з вимкненим згладжуванням, тож кожен піксель лишається ідеально квадратним.
Як зберегти прозоре тло?
Полотно для піксель-арту починається прозорим (відображається як шахівниця). Збережіть як PNG, щоб зберегти прозорість. JPEG і BMP не підтримують прозорість і заливаються білим.
Чи можна збільшити спрайти для публікації?
Так. Скористайтеся File → Save as PNG, scaled up і введіть коефіцієнт, наприклад 8. Кожен піксель стане блоком 8×8 без згладжування, що ідеально для соцмереж та ігрових рушіїв.
Чи можна малювати на кількох шарах?
Так. Додайте шари для контурів, кольорів і тіней, а потім ховайте чи об’єднуйте їх за потреби. Збережіть файл проєкту, щоб зберегти шари на потім.
Advertisement