Как экспортировать пиксель-арт

Экспорт — место, где пиксель-арт обычно гибнет: размытый ресемплингом, замыленный JPEG, сохранённый в дробных масштабах. Пять минут здесь берегут часы рисования.

Выбирайте формат под задачу

PNG — игры, веб, публикация, работа со спрайтами. Без потерь, прозрачный, универсальный.
SVG — логотипы и иконки, которые должны масштабироваться всегда. PixiMelon пишет настоящие векторные прямоугольники, единицу на пиксель.
PDF — печать и портфолио, как векторные прямоугольники под размер арта.
GIF — зацикленные превью и стикеры из анимаций (см. анимированные GIF).

Никогда JPEG для пиксель-арта: его сжатие придумано для фото и размазывает жёсткие края в кашу.

Чёткий пиксельный спрайт рядом с тем же спрайтом, размытым плохим экспортом — Рисунок: JPEG и сглаживание размазывают жёсткие края — экспортируйте PNG в целых кратных.

Масштабируйте в целых кратных

PNG экспортируется в родном размере холста (1×), поэтому каждый пиксель остаётся точным. Чтобы показать крупнее, увеличивайте в целых кратных в любом просмотрщике с выключенным сглаживанием — дробные масштабы неравномерно корежат пиксели и мерцают в движении. Для печати так же масштабируйте под целевой физический размер при DPI принтера.

Тот же спрайт, экспортированный в масштабах 1×, 4× и 8× с идеально чёткими пикселями — Рисунок: точные кратные сохраняют каждый исходный пиксель чистым блоком.

Держите качество: прозрачность, имена, проверки

Сводите прозрачность осознанно — держите альфу для спрайтов и стикеров, иначе сводите на задуманные фоны.
Сначала назовите проект: PixiMelon выводит имена файлов (включая спрайт-листы и GIF) из него.
Переоткройте экспорт и посмотрите на 100%: проверьте края, однопиксельные детали и швы цикла до отгрузки.
Огромные экспорты SVG спрашивают подтверждение — детальный арт взрывается в прямоугольники; в крупном масштабе часто лучше служит PNG.

От экспорта — к движку и вебу

Игры берут статичные PNG и спрайт-листы; веб берёт PNG в кратных показа или SVG для иконок. Один мастер-файл проекта (.piximelon.json) плюс экспорты под каждую задачу выигрывают у переэкспорта по памяти — сохраните проект, затем свежими экспортируйте каждую цель.

Частые вопросы

Какой формат для пиксель-арта в вебе?

PNG в точных кратных показа для арта; SVG для логотипов и иконок, которые должны масштабироваться.

Почему мой экспортированный пиксель-арт размыт?

Ресемплинг со сглаживанием, сжатие JPEG или дробное масштабирование. Экспортируйте PNG в целых кратных, никогда JPEG.

Как сохранить прозрачность?

Экспортируйте PNG, GIF или SVG с нетронутым альфа-каналом — и осознанно решайте, нужна ли она каждому ассету.

Можно ли печатать пиксель-арт?

Да: векторные PDF и SVG масштабируются до любого физического размера безупречно. Для PNG масштабируйте в целых кратных холста под DPI принтера.

Готовы рисовать? Откройте редактор пиксель-арта