Следуйте проверенному примеру, а затем адаптируйте элементы управления под свое изображение. Открыть Изображение в пиксель-арт.
Выберите четкий объект
Откройте «Изображение в пиксель-арт» и выберите «Попробовать пример», чтобы загрузить оригинальную иллюстрацию робота, или загрузите свое изображение. Образец имеет размер 1200 на 900 пикселей. Четкий силуэт и простой фон легче распознать после уменьшения детализации.
Этот инструмент выполняет выборку и перекрашивание существующего изображения. Он не использует ИИ для создания сцены или перерисовки объекта. Исходный файл остается неизменным.
Попробуйте сделать плотную обрезку перед пикселизацией фотографии, если объект занимает лишь малую часть изображения.
Настройте сетку и палитру
Откройте настройки на телефоне. Установите «Длинная сторона (пиксели)» на 32. Инструмент использует это значение для длинной стороны и сохраняет исходное соотношение, создавая сетку образца 32 на 24 ячеек. Быстрые варианты также включают 16, 64, 128 и 256.
Выберите Ocean в меню палитры, чтобы воспроизвести пример. Он отображает изображение в фиксированную шестицветную палитру. Из вашего изображения получается от 2 до 32 цветов; «Оригинальные цвета» сохраняют выбранные цвета. Другие пресеты включают «Мягкое ретро», «Портативное устройство», «Черно-белое» и «Сумерки».
Выберите «Пользовательские цвета», затем введите от 2 до 32 шестизначных HEX цветов в «Пользовательскую палитру». Разделяйте значения пробелами, запятыми или точками с запятой. Намеренно ограниченная палитра может сделать несвязанные детали частью одного дизайна.
Если лицо или объект становятся нераспознаваемыми, увеличьте сетку перед добавлением большего количества цветов.
Пример из этого руководства
Оригинальный образец робота; длинная сторона сетки 32 ячеек (32 x 24); шестицветная палитра Ocean; плавная выборка перед уменьшением; без дизеринга; масштаб вывода 8x; PNG. Фактическая загрузка: 256 x 192 пикселей.
- Источник
- 1200 x 900 пикс.
- Результат
- 256 x 192 пкс
- Формат
- PNG
- Обработка
- В вашем браузере
Сравните выборку и текстуру
Оставьте «Плавность» перед уменьшением и без дизеринга для рабочего примера. Плавная выборка смешивает детали в каждой ячейке. «Ближайшие оригинальные пиксели» выполняют выборку без этого смешивания и могут подойти для существующей пиксельной графики.
Упорядоченный дизеринг вводит регулярный узор; Флойд-Стейнберг распределяет цветовую ошибку в соседние ячейки. Оба могут добавить дополнительные тона при небольшой палитре, но также могут сделать простые формы шумными. Дизеринг недоступен при выборе «Оригинальные цвета».
Пиксельная сетка в предварительном просмотре — это вспомогательный инструмент для сеток до 128 ячеек по длинной стороне. Она не отрисовывается в выводе. Уменьшенные палитры также упрощают прозрачность: достаточно прозрачные ячейки очищаются, а другие становятся непрозрачными.
Сравните с оригиналом и используйте «Отменить» или «Вернуть» при попытке использовать совершенно другую палитру.
Экспортируйте с целым масштабом
Оставьте масштаб экспорта 8x, выберите PNG и нажмите «Старт». Сетка 32 на 24 становится файлом 256 на 192 пикселей, где каждая ячейка представлена квадратом 8 на 8. «Загрузить» сохраняет фактический результат, использованный при сравнении. Он содержит палитру Ocean и не имеет линий сетки предварительного просмотра.
Доступные масштабы: 1x, 2x, 4x, 8x и 16x. PNG удобен для обмена и сохраняет четкие блоки. SVG представляет пиксели как цветные прямоугольники; это не плавное векторное трассирование. Если другое приложение увеличивает PNG, используйте масштабирование по ближайшему соседу, чтобы избежать размытых краев ячеек.
Просматривайте результат при 100% или целом кратном значении. Дробные размеры отображения могут сделать даже правильно экспортированные пиксели неровными.
Часто задаваемые вопросы
Это ИИ-генератор пиксель-арта?
Нет. Он преобразует загруженное изображение в сетку и опционально уменьшает количество цветов. Он не придумывает новые объекты и не перерисовывает объект с помощью ИИ.
С какого размера сетки мне начать?
Попробуйте 32 или 64 ячеек по длинной стороне. Используйте меньшую сетку для простого силуэта или большую сетку, когда объекту нужно больше деталей.
Могу ли я ввести свою собственную палитру?
Да. Выберите «Пользовательские цвета», затем введите от 2 до 32 шестизначных HEX цветов в поле «Пользовательская палитра», разделенных пробелами, запятыми или точками с запятой.
Почему PNG выглядит размытым в другом приложении?
Некоторые программы просмотра сглаживают увеличенные изображения. Экспортируйте с целым коэффициентом масштабирования и используйте масштабирование «по ближайшему соседу», если увеличиваете результат в другом месте.
Будет ли сетка предварительного просмотра видна при скачивании?
Нет. Сетка пикселей в предварительном просмотре — это вспомогательный инструмент редактора, она исключается из экспорта PNG и SVG.
Является ли SVG плавным векторным контуром?
Нет. Он содержит цветные прямоугольные пиксельные ячейки. Используйте «Изображение в SVG», если вам нужен отдельный рабочий процесс векторной трассировки.
Найдите изображение внутри меньшего количества пикселей.
Попробуйте пример или используйте свой файл, и проверьте результат перед публикацией.
