Menu

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

Превращайте любое фото в пиксель-арт с ретро-палитрами, дизерингом и сеткой.

Автор Nethanel Bar, Co-founder & CEO

Последнее обновление

Ready to actually learn to code?

Coddy teaches you by writing real code in your browser - interactive lessons, instant feedback, and AI help when you get stuck.

Что такое конвертер изображения в пиксель-арт?

Конвертер изображения в пиксель-арт превращает обычное фото или рисунок в пиксель-арт: уменьшает картинку до маленькой сетки блоков, сводит цвета к компактной палитре и увеличивает результат с жёсткими, чёткими краями. Гладкая фотография становится ретро-графикой в духе видеоигр.

Работают две идеи. *Уменьшение* усредняет каждую область фото в один пиксель: ширину выбираете вы, от 8 до 128 пикселей. *Квантование цвета* затем сопоставляет каждый пиксель ближайшему цвету палитры: оставьте исходные цвета, дайте инструменту выбрать лучшие N автоматически или задайте ретро-вид палитрами на 16 цветов, 32 цвета, зелёный LCD или монохром. Опциональный дизеринг смешивает соседние цвета в шахматном узоре - тот же приём, которым старые консоли рисовали градиенты.

Всё работает локально в браузере: изображение никуда не загружается. Подходит для аватаров и фото профиля, черновиков игровых ассетов, постеров в стиле 8 бит; включите сетку - и результат станет схемой для термомозаики, вышивки крестиком или блочных игр. Один клик отправляет результат в Редактор пиксель-арта для попиксельной доработки.

Чему вы научитесь, конвертируя изображения

  • Разрешение - это информация. При 32 пикселях ширины лицо лишь угадывается; при 96 оно узнаваемо. Двигая ползунок, видишь, какие детали переживают сжатие.
  • Квантование цвета проецирует миллионы цветов фото на маленькую палитру, выбирая ближайший цвет: та же идея, что в GIF и старом железе.
  • Дизеринг имитирует дополнительные цвета, чередуя два цвета палитры в узоре. Так ретро-игры показывали закаты шестнадцатью цветами.

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

  1. Перетащите изображение

    Кликните по зоне загрузки или перетащите PNG, JPG, WebP или SVG. Изображение остаётся на устройстве: конвертация целиком происходит в браузере.

  2. Выберите ширину в пикселях

    Двигайте от 8 до 128 пикселей. Меньше пикселей - грубее и абстрактнее; больше - детальнее. Портреты обычно лучше всего между 48 и 96.

  3. Выберите палитру и дизеринг

    «Исходные» сохраняет цвета фото. «Авто» подбирает лучшие N цветов под картинку. Ретро-палитры дают классический игровой вид; попробуйте зелёный LCD для духа портативной консоли. Дизеринг сглаживает градиенты.

  4. Экспортируйте

    Скачайте PNG с масштабом до 32x, заранее включите сетку, если нужна схема для сборки, или отправьте результат в Редактор пиксель-арта на доводку.

Шпаргалка по настройкам

Хорошие стартовые значения для типовых конвертаций.

ЦельШирина в пикселяхПалитра
Фото профиля / аватар48-64Авто, 16-32 цвета, дизеринг включён
Черновик игрового ассета16-32Ретро 16 или Ретро 32, дизеринг выключен
Вид ретро-портативки64-96Зелёный LCD, дизеринг включён
База постера / обоев96-128Авто, 32-64 цвета, дизеринг включён
Схема для термомозаики / вышивки24-48Авто с малым числом цветов, сетка включена
Минималистичный арт16-32Моно, дизеринг включён

Конвертации на пробу

Ретро-аватар из селфи

Настройки

Ширина: 56 пикселей Палитра: Авто (16 цветов) Дизеринг: включён Экспорт: PNG 16x

Лицу нужно ровно столько разрешения, чтобы читались глаза. Авто-палитры сохраняют правдоподобные оттенки кожи, а малое число цветов даёт классический вид пиксельного портрета.

Вид скриншота с портативной консоли

Настройки

Ширина: 80 пикселей Палитра: Зелёный LCD (4) Дизеринг: включён Экспорт: PNG 8x

Четыре оттенка зелёного с дизерингом мгновенно считываются как эстетика оригинальной портативки. Лучше всего конвертируются контрастные фото: в палитре всего четыре уровня яркости.

Схема для термомозаики или вышивки

Настройки

Ширина: 32 пикселя Палитра: Авто (8-12 цветов) Дизеринг: выключен Сетка: включена Экспорт: PNG 16x

Выключите дизеринг, чтобы каждая область была одним сплошным цветом, который можно подобрать под бусину или нить, и экспортируйте с сеткой: каждая клетка - одна бусина или стежок.

Частые ошибки конвертации

  • Конвертировать насыщенное фото при ширине 16 пикселей и ждать портрет. Очень низкие разрешения требуют простых контрастных сюжетов: сначала кадрируйте покрупнее.
  • Выключать дизеринг на градиентах. Небо и кожа без него распадаются на жёсткие цветовые полосы.
  • Брать 64 цвета ради «ретро». Старое железо использовало 4-32 цвета: ограничение и есть стиль.

Вопросы о конвертере в пиксель-арт

Как конвертировать изображение в пиксель-арт?
Загрузите изображение, выберите ширину результата в пикселях, палитру и скачайте PNG. Конвертер уменьшает фото до вашей сетки, привязывает каждый пиксель к палитре и экспортирует с чёткими краями без сглаживания.
Какие настройки лучшие для пиксель-арта из фото?
Для большинства фото: ширина 48-64 пикселя, палитра «Авто» на 16 цветов, дизеринг включён. Спускайтесь к 16-32 пикселям для иконочного результата, поднимайтесь к 96-128, когда детали важнее блочного вида.
Что такое дизеринг?
Дизеринг чередует два цвета палитры мелким узором, и глаз смешивает их в промежуточный тон. Он сглаживает градиенты, которые иначе пошли бы полосами: техника классических консолей и GIF. Выключайте его для больших ровных областей, например для схем из бусин.
Что делают палитры?
«Исходные» сохраняет все цвета уменьшенного фото. «Авто» анализирует картинку и выбирает N самых представительных цветов (median cut). «Ретро 16» и «Ретро 32» привязывают изображение к классическим палитрам пиксель-арта, «Зелёный LCD» даёт четырёхтоновый вид портативки, «Моно» - градации серого.
Можно получить сетку, чтобы собрать картинку из бусин или блоков?
Да: включите пиксельную сетку, и каждая клетка получит видимую границу и в предпросмотре, и в экспортированном PNG. Результат - готовая схема для термомозаики, вышивки крестиком, мозаик или блочных строительных игр.
Можно править результат попиксельно?
Да. «Открыть в редакторе пиксель-арта» отправляет сконвертированную сетку прямо в рисовалку: исправляйте случайные пиксели, перекрашивайте области, добавляйте детали и даже анимируйте кадры.
Почему результат выглядит размытым в просмотрщике?
Некоторые просмотрщики сглаживают картинку при увеличении. Сам экспортированный PNG имеет жёсткие края: экспортируйте в 16x или 32x, чтобы он показывался резко без всякого зума.
Фото загружается на сервер?
Нет. Вся конвертация (уменьшение, палитра, дизеринг, экспорт) выполняется локально в браузере. Изображение не покидает устройство, инструмент бесплатный и без регистрации.

Узнать больше

Другие инструменты разработчика

Coddy programming languages illustration

Учитесь программировать с Coddy

НАЧАТЬ