Большинство программ для изменения размера сглаживают при масштабировании, и пиксель-арт превращается в кашу. Правильный метод — целочисленное увеличение по ближайшему соседу: каждый пиксель арта становится точным блоком N×N, без новых цветов и без размытия. Инструмент делает это для отдельных изображений и пачек, предлагает Scale2x/EPX и Scale3x, если нужны скруглённые диагонали, и умеет определять, что изображение уже было увеличено, чтобы вы не увеличивали размытую копию повторно.
Как пользоваться инструментом «Апскейлер пиксель-арта»
- Перетащите один спрайт или сразу много.
- Если изображение уже увеличено, инструмент покажет его настоящий размер и сначала вернёт его к 1×. Это можно отключить.
- Выберите коэффициент от 2× до 16× или введите любое целое число до 32.
- Выберите «Ближайший» для точных блоков или Scale2x / Scale3x для более гладких диагоналей только из существующих цветов.
- Скачайте PNG или ZIP со всеми изображениями в одном масштабе.
Что вы получаете
- Увеличенный PNG ровно в N раз больше, с теми же цветами и альфой.
- ZIP с пачкой, где каждый файл назван
name@4x.pngи так далее.
С какими движками работает
- Для использования в игре лучше брать спрайт 1× и фильтрацию по ближайшему соседу в движке. Увеличенные файлы нужны для страниц в сторах, трейлеров, соцсетей, печати и UI, который не умеет масштабироваться.
- Целые коэффициенты сохраняют выравнивание пиксельной сетки. Нигде в пайплайне не масштабируйте в 1.5× или 2.5×.
Советы из практики геймдева
- Капсулы Steam, страницы itch.io и посты в соцсетях пережимаются. Увеличение в 4× и больше переносит это лучше, чем 1×.
- Scale2x может изменить вид мелких деталей вроде глаз. Сравните, прежде чем использовать его для key art.
- Загружайте арт 1× на сайты с поддержкой image-rendering: pixelated, и пусть масштабирует CSS.
Сценарии использования
- Скриншоты для страницы в сторе, капсулы и трейлеры.
- Печать пиксель-арта на постерах, стикерах и мерче.
- Эмодзи, аватары и картинки профиля из маленьких спрайтов.
- Восстановление настоящих пикселей 1× из увеличенной картинки из интернета.
Вопросы и ответы
Что такое масштабирование по ближайшему соседу?
Каждый пиксель результата берёт цвет ближайшего исходного пикселя. При целых коэффициентах каждый пиксель арта превращается в точный квадратный блок, и изображение становится больше без размытия и новых цветов.
Что делают Scale2x и Scale3x?
Это алгоритмы масштабирования пиксель-арта (их также называют EPX и AdvMAME), которые смотрят на соседей каждого пикселя и скругляют диагональные «лесенки», используя только цвета, уже имеющиеся в изображении. Для коэффициентов, не кратных 2 или 3, остаток масштабируется по ближайшему соседу.
Как он определяет уже увеличенные изображения?
Он измеряет, где проходят цветовые границы. В увеличенном пиксель-арте почти все границы лежат на регулярной сетке. Инструмент находит наибольшую сетку, объясняющую границы, и берёт центр каждого блока, чтобы восстановить исходные пиксели.
Есть ли ограничение по размеру?
Результат ограничен 64 мегапикселями на изображение, чтобы браузер не тормозил, например спрайт 512×512 в 16× (8192×8192).
Мои изображения загружаются на сервер?
Нет. Масштабирование выполняется в браузере, на сервер ничего не отправляется.
Может ли он снова сделать размытый пиксель-арт чётким?
Если размытие появилось от плавного масштабирования, увеличение его не исправит. Используйте инструмент «Картинка в пиксель-арт» с чёткой выборкой в нужном размере, а затем увеличьте результат здесь.