Создайте пиксель-арт онлайн
Начните с чистого холста и рисуйте пиксель-арт в настоящем редакторе: слои, прозрачность, режимы наложения, живая палитра, полная история отмен и векторный экспорт.
Turn Pictures Into Pixel Art
Создавайте пиксель-арт из своих картинок за секунды. Редактируйте каждый пиксель, анимируйте и скачивайте результат.
🔒 Ваши картинки никогда не покидают устройство. Всё работает в вашем браузере.
Sakura
Сделано в PixiMelon · Загрузите. Пикселизируйте. Редактируйте. Анимируйте. Скачайте.
Превратите картинку в пиксель-арт
Загрузите картинку и создайте пиксель-арт за секунды.
Перетащите картинку сюда
или
PNG · JPG · WEBP · SVG · PDF · AI — можно также вставить картинку (Ctrl/⌘ + V)
Создайте новый пиксель-арт
Выберите размер холста, чтобы начать рисовать.
Анимация пиксель-арта
Выберите размер холста, чтобы начать анимацию.
Превратите видео в пиксель-арт
Загрузите видео и создайте пиксельную анимацию за секунды. Всё работает на вашем устройстве.
Перетащите видео сюда
MP4 · WebM · MOV — обрабатывается локально, никогда не загружается на сервер
Обработка кадра 1 / 1
Начните с правильного холста
Выберите 16 × 16 для крошечных спрайтов и иконок, 32 × 32 для классических игровых спрайтов, 64 × 64 для детальной работы, 128 × 128 для сцен — или введите любой свой размер от 4 до 2048 пкс на сторону. Текущий размер холста всегда виден на панели инструментов, а поля Ш × В меняют размер (масштабируя работу под него) в любой момент.
Инструменты, которые вы реально получаете
- Карандаш (B) — рисует один пиксель за клик; держите Shift для прямых линий, держите Alt, чтобы взять цвет без смены инструмента.
- Ластик (E) — стирает до прозрачности; Alt + клик стирает весь связный цвет.
- Заливка (G) — заливка, которая уважает контуры и никогда не протекает через стёртые края.
- Пипетка (I) — берёт любой видимый пиксель, сквозь слои.
- Панорама (Пробел) и Перемещение — двигают вид или весь активный слой.
- Отмена / Возврат — Ctrl/⌘ + Z, Ctrl + Shift + Z или Ctrl + Y, с глубокой историей, ограниченной памятью, а не крошечным фиксированным числом.
- Очистка и импорт — стирают активный слой или импортируют картинку, SVG либо страницу PDF как совершенно новый слой.
Слои, прозрачность и режимы наложения
Каждый холст поддерживает несколько именованных слоёв с переключателями видимости, замками, перестановкой без перетаскивания, прозрачностью каждого слоя и семью режимами наложения: Обычный, Умножение, Экран, Перекрытие, Затемнение, Осветление и Разница. Копируйте, вырезайте и вставляйте целые слои через Ctrl/⌘ + C/X/V — вставка умная: внутри того же кадра она создаёт новый слой, между кадрами анимации — рисует на совпадающем слое. В аниматоре переключатель 🔗 делает слой общим для всех кадров — так делают фоны.
Цвет без хаоса
Панель цвета объединяет ваши сохранённые оттенки со всеми цветами, уже имеющимися на холсте (до 48), поэтому палитра буквально собирается сама, пока вы рисуете. Добавляйте любимые через «+ Добавить», убирайте лишние через «− Убрать». Работа с малой палитрой — это навык, руководство по палитрам покажет, как мало цветов вам реально нужно.
Масштаб, сетка и сенсорный ввод
Масштаб колесом мыши, кнопки масштаба, подгонка в один клик, настоящий 100%-й вид и пиксельная сетка, которая появляется автоматически, когда пиксели достаточно крупные. Прокрутка — средней кнопкой мыши, инструментом панорамы или Пробел + перетаскивание. На сенсорных экранах всё работает на Pointer Events, поэтому пальцы и стилусы рисуют напрямую.
Экспорт и автосохранение
Скачайте PNG в родном размере (1×), настоящий векторный SVG или векторный PDF — поле имени проекта становится именем файла. Работа автосохраняется в вашем браузере (localStorage), а полный файл проекта (.piximelon.json) можно скачать, чтобы сделать бэкап слоёв или перенести между устройствами. Если вы только начинаете, руководство о том, как делать пиксель-арт, проведёт через весь процесс.
Частые вопросы
С какого размера холста начать?
32 × 32 — классический размер спрайта и лучший вариант по умолчанию. Используйте 16 × 16 для иконок, 64 × 64 для портретов, а свои размеры — только когда точно знаете целевое разрешение.
Сколько слоёв можно использовать?
Фиксированного лимита слоёв нет — только память вашего устройства. Переименовывайте их, блокируйте готовые и используйте прозрачность и режимы наложения вместо раннего сведения.
Редактор автосохраняется?
Да, в вашем браузере через localStorage, плюс ручные файлы проекта для бэкапа. Очистка данных сайта удаляет автосохранение, поэтому скачайте файл проекта для всего важного.
Можно ли обводить фото?
Да — кнопка импорта кладёт картинку, SVG или страницу PDF новым слоем, рисуйте на слоях выше, затем скройте или удалите референс.
Чем различаются изменение размера и поля Ш×В?
Изменение размера одно: оно масштабирует работу под новые габариты — пиксели пересчитываются, а не тихо обрезаются. Отмена страхует от ошибок, а аниматор умеет масштабировать все кадры сразу.
Как рисовать прямые линии?
Держите Shift, рисуя карандашом или ластиком: живой предпросмотр выпрямит штрих до того, как вы отпустите.
Можно ли использовать стилус или графический планшет?
Да. Всё работает на Pointer Events, поэтому мышь, пальцы и стилусы рисуют прямо на холсте.
Как сделать спрайт с прозрачностью?
Сотрите до альфы области, которые должны исчезнуть, затем экспортируйте в PNG: альфа-канал сохраняется точно.