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