Пи́ксельная гра́фика (от — сокращение от picture element) — форма цифрового изображения, созданного на компьютере с помощью растрового графического редактора, где изображение редактируется на уровне пикселей (точек), а разрешение изображения настолько мало́, что отдельные пиксели чётко видны. На старых (или на неполнофункциональных) компьютерах, в играх для Game Boy, играх для старых игровых приставок и многих играх для мобильных телефонов в основном используется пиксельная графика, так как это единственный способ сделать чётким небольшое изображение при малом разрешении экранов, характерном для этих устройств.
Отличительные черты пиксельной графики Распространено заблуждение, что любой рисунок или эскиз, сделанные с использованием растровых редакторов — пиксельная графика. Это неверно, «пиксельное» изображение отличается от «непиксельного» технологией — ручным редактированием рисунка пиксель за пикселем. Поэтому пиксельный рисунок отличается от других видов компьютерного искусства небольшими размерами, ограниченной цветовой палитрой и (как правило) отсутствием сглаживания.
Пиксельная графика использует лишь простейшие инструменты растровых графических редакторов, такие как «карандаш», «прямая» или «заливка». Поэтому встречаются шедевры пиксельной графики, сделанные в Microsoft Paint и других неполнофункциональных редакторах.
В любом случае, использование инструментов, не работающих с отдельными пикселями (например, «Кисть») и автоматических фильтров (таких, как сглаживание) считается неприемлемым в «настоящем» искусстве пиксельной графики — такие инструменты добавляют новые пиксели автоматически, нарушая аккуратное ручное размещение. «Правилом хорошего тона» считается использовать минимальное число цветов ; в идеале — стандартные 16 цветов, доступные на подавляющем большинстве видеоподсистем, даже самых ранних: в них три бита кодируют сигналы R,G,B и четвёртый бит кодирует яркость.
Пиксельная графика напоминает некоторые классические виды изобразительных искусств, такие как вышивка крестиком, мозаика и вышивка бисером — так как рисунок складывается из небольших цветных элементов, аналогичных пикселям современных мониторов.
Достоинства Одна из самых простых в изучении техник компьютерного искусства (простую пиксельную картинку можно нарисовать, даже не имея особых художественных способностей). Естественный выбор на ограниченных палитрах и сверхнизких разрешениях, где важен каждый пиксель. Требует мало памяти за счёт применения палитровых форматов с небольшим количеством цветов. Даже при очень плохой цветопередаче пиксельный рисунок не теряет выразительности. На кинескопах роль сглаживания играл сам кинескоп — потому мы с высококачественными мониторами видим графику не так, как пользователи Dendy.
Недостатки В эпоху TrueColor-мониторов и видеосопроцессоров с аппаратным альфа-смешиванием нет нужды рисовать ограниченной палитрой (хоть на низких разрешениях всё равно приходится выравнивать линии по пикселям). Плохо переносит автоматическое масштабирование (при изменении разрешения картинку требуется перерисовывать). На современных (2016) ПК разрешение мониторов достаточно высокое, чтобы пиксельную игру можно было запустить во весь экран в масштабе 2:1 и более (см. ниже); если это невозможно — остаётся только запускать игру в окне. На некачественных мониторах (чересстрочные ЭЛТ, некоторые ЖК с аналоговым входом или нехваткой цифровой полосы пропускания) «сетчатое тонирование» (см. ниже) может мерцать или смещать цвета. Dendy-игры не мерцали, потому что были около 240 пикселей в высоту — половина разрешения телевизора, и если картинка статичная, оба полукадра рисовали одно и то же. Высококачественная пиксельная графика считается дорогой техникой компьютерного рисунка. С 2010-х практически все платформы для мультимедийного/делового ПО, в том числе Android и Windows, используют переменную плотность пикселей. Рисовать пиксельную картинку под каждое разрешение трудоёмко, чаще уменьшают векторную или запредельно детальную растровую. Только самые маленькие версии иногда рисуют с нуля, в том числе в пиксельной технике.
Методы рисования
Рисование обычно начинают с эскиза, который состоит из основных линий и определяет характер того, что художник намеревается изобразить. Его можно получить путём обводки отсканированного рисунка, и довольно часто ими делятся другие художники. Существуют и другие методы, некоторые из которых напоминают обычное рисование.
Ограниченная палитра требует использования размытия для получения различных цветов и оттенков, но из-за особенностей пиксельной графики делается это только вручную. Иногда можно встретить даже сглаживание «ручной работы» — в том числе с альфа-каналом формата PNG, что позволяет наложить изображение на любой фон.
Вот несколько примеров использования вышеупомянутых техник:
1. Основная форма размытия — «сетчатое тонирование» или дизеринг — два цвета в виде «шахматки» из пикселей 2×2. Изменение плотности каждого цвета позволяет получать полутона. Также «шахматки» из пикселей 2×2 позволяют создавать иллюзию большого количества оттенков. 2. Стилизованное размытие с беспорядочно рассеянными квадратами из пикселей 2×2 позволяет добиться необычных эффектов. Ещё могут использоваться небольшие круги. 3. Сглаживание () — нарисованное вручную с использованием эффекта сглаживания.
Хранение
Пиксельную графику обычно сохраняют в форматах «без потерь», то есть в тех, которые могут сохранить каждый пиксель изображения без потери точности. Поскольку отдельных цветов в пиксельном рисунке мало, часто используют палитровые форматы. PNG и GIF — примеры форматов, которые отвечают этим требованиям и при этом экономят дисковое пространство.
Пиксельную графику стараются не сохранять в формате JPEG, так как сжатие «с потерями» не подходит для элементов пиксельного рисунка, даже если сжатие минимально. Алгоритм сжатия JPEG может вызвать серьёзное искажение первоначального вида пиксельного рисунка из-за того, что может менять цвета отдельных пикселей. По размеру же JPEG-файлы с такими рисунками получаются даже больше, чем сохранённые в GIF или PNG. BMP и другие форматы без сжатия используются, когда того требует игра или программа: палитровые форматы со сжатием без потерь (GIF, PNG-8) дают меньший размер файла, не приводя к потерям качества.
Классификация
Плоская пиксельная графика подразумевает вид спереди, сверху или сбоку.
Изометрическая пиксельная графика рисуется в проекции, близкой к изометрической. Примеры можно увидеть в играх, которые отображают трёхмерное пространство, не используя при этом трёхмерной обработки. Технически в изометрии углы должны быть 30° от горизонтали, но при этом линии в пиксельной графике выглядят неровными. Чтобы устранить этот эффект, выбираются линии с отношением пикселей 1:2, а угол при этом составляет 26,565° (арктангенс от 0,5).
Реже встречаются другие проекции — диметрическая или перспективная.
История
Термин pixel art был впервые использован Аделью Голдберг и Робертом Флегалом из Исследовательского центра Пало-Альто корпорации «Xerox» в 1982 году. Хотя сама графика использовалась ещё за 10 лет до этого в программе Ричарда Шоупа, в Xerox PARC и т. п.Колодников А.И. Ранние формы компьютерного дизайна: пиксельная графика и растровая система // Terra artis. Искусство и дизайн. 2022. № 3. С. 36–41.
Пиксельная графика широко применялась в 1980-е годы на компьютерах и приставках с ограниченными палитрамиWolf M.J.P. Before the Crash: Early Video Game History. Detroit: Wayne State University Press, 2012.. Появление изменяемых 256-цветных палитр положило конец засилью пиксельного рисунка в играхSilber D. Pixel Art for Game Developers. Boca Raton: CRC Press, 2016.; с тотальным распространением true color пиксельный рисунок был потеснён и с рабочих столов ОС.
Тем не менее, на портативных устройствах (мобильные телефоны, PSP и Nintendo DS) пиксельный рисунок широко распространён и по сей день. Иногда пиксельная графика используется в рекламных баннерах.
Современная пиксельная графика используется как ответная реакция любителей игр/рисунков на преобладание трёхмерной графики. Полагают, что обращение к пиксельной графике связано с имитацией архаического изобразительного стиля. Некоторые энтузиасты используют её как подражание прошлому. А другие считают, что она возрождает традиции приставочных игр второго и третьего поколения, в которых графика стала выглядеть эстетично.
Значки для операционных систем с ограниченными функциями отображения тоже представляют собой пиксельную графику. В Windows значки «рабочего стола» — это растровые изображения различных размеров, наименьшие из которых иногда не просто уменьшенные варианты, а самостоятельные образчики пиксельной графики. На «рабочих столах» GNOME и KDE изображения представлены прежде всего SVG, но и они содержат пиксельную графику в PNG для небольших размеров, таких как 16×16 и 24×24. Другим применением на современных компьютерах являются значки для сайтов и различных списков предпочтений ().
Редизайн графики видеоигр 2-го и 3-го поколения консолей 8- и 16-битные видеоигры на консолях 2-го и 3-го поколений имели ряд технических ограничений по разрешению спрайтов и цветовым палитрам. С ростом мощности компьютеров эти ограничения исчезли, а старые видеоигры по прежнему являются источником вдохновения для пиксель-арт художников. Поэтому очень часто художники перерисовывают графику (рерайт) из старых игр, при этом расширяют цветовую палитру и разрешение пиксельных спрайтов. В итоге получается мок-ап — скриншот из старой видеоигры, если бы она, например, выходила не на 8-битной, а на 16-битной консоли.
Также некоторые игровые студии, выпускают римейки старых видеоигр. Так в 2017 году вышел римейк видеоигры River City Ransom по названием River City Ransom: Underground от независимой оиграм и переосмыслению их графики. Эмулятор ретроконсолей Mesen позволяет обладателям даже невысоких знаний в программировании создавать и запускать графические моды для старых видеоигр. Сообщество поклонников ретроигр уже создало графические моды для таких игр как: Battle City, Super Metroid, Castlevania, Ice Climber и другие игры для консоли NES. Причем эмулятор позволяет не только изменять спрайты, менять их разрешение, добавлять новые спрайты, но и добавлять новые анимации.
Так же это работает и обратную сторону, когда на современную игру делают демейк — упрощают игру, меняют графику игры на пиксельную, как если бы эта игра выходила на ретроконсолях.
Пиксель-арт в других сферах развлечений