Небо на фотографии закатное, красивое, а при просмотре на компьютере по нему идут ступеньки: розовая полоса, оранжевая полоса, между ними видимая граница. Снимали плавный переход, получили лестницу. Виновата тут почти всегда глубина цвета.
Разберём простыми словами: что такое глубина цвета, почему её меряют в битах, чем 8 бит отличаются от 10 и 16, где эта разница видна глазом, а где о ней можно спокойно забыть. Плюс покажем, как посмотреть битность своего файла и своего экрана за минуту.
Если про цвет вы пока знаете мало, начните с базовой статьи «Цвет в дизайне»: там про то, как цвет вообще устроен и как собрать палитру. Здесь мы говорим про техническую сторону: сколько оттенков файл физически способен удержать.
Тема пригодится не только фотографам. С битностью сталкиваются видеомонтажёры, дизайнеры, ретушёры, все, кто выбирает монитор или телевизор, и любой человек, который хоть раз видел на своей картинке некрасивый градиент и не понял, почему так вышло.
А если хочется разобраться в цвете системно и с практикой, у нас собрана подборка курсов по дизайну: от коротких интенсивов по цветокоррекции до годовых программ.
CheckroiПодборка курсов по графическому дизайну221 курс • 44 школыСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Глубина цвета простыми словами
Глубина цвета (её же называют битностью или разрядностью) показывает, сколько разных оттенков способен принять один пиксель изображения. Пиксель — это одна точка картинки, самый маленький её кусочек. Чем больше оттенков доступно каждой точке, тем плавнее выглядят переходы между ними.
Представьте набор цветных карандашей. С восемью карандашами вы нарисуете закат, но переход от оранжевого к фиолетовому придётся делать резким: подходящего промежуточного цвета в коробке просто нет. С набором на 256 карандашей тот же переход выйдет незаметным. Глубина цвета — это размер коробки с карандашами, которую файл выдаёт каждому пикселю.
Почему битность считают в битах
Компьютер хранит всё в битах: бит принимает два значения, ноль или единицу. Два бита дают уже четыре комбинации, три — восемь. Число оттенков считается по формуле 2 в степени N, где N — количество бит.
Отсюда и знакомые цифры: 8 бит дают 256 значений, 10 бит — 1024, 12 бит — 4096, 16 бит — 65 536. Каждый добавленный бит удваивает число доступных оттенков, поэтому между 8 и 10 битами разница вчетверо, хотя по цифрам кажется, что прибавилось всего два.
Бит на канал и бит на пиксель: здесь путаются все
Цветное изображение обычно собирается из трёх каналов: красного, зелёного и синего. Это модель RGB. Каждый канал хранит свою яркость, а итоговый цвет пикселя получается их смешением.
И вот тут начинается путаница, из-за которой одну и ту же картинку называют то 8-битной, то 24-битной. Обе цифры верны, просто считают разное:
- 8 бит на канал — так говорят фотографы, дизайнеры и Photoshop. Это 256 уровней у каждого из трёх цветов.
- 24 бита на пиксель — та же самая картинка, только биты всех трёх каналов сложили: 8 × 3. Так пишут в характеристиках мониторов и в настройках экрана Windows.
Перемножив 256 на 256 и ещё раз на 256, получим 16 777 216: то самое «более 16 миллионов цветов» с коробки монитора. Это и есть обычная 8-битная картинка, ничего сверхъестественного.
Правило чтения характеристик. Увидели маленькое число (8, 10, 12) — почти наверняка речь про биты на канал. Увидели большое (24, 30, 36, 48) — про биты на пиксель. Разделите на три и получите привычную величину.
Сколько оттенков даёт каждая битность
Собрали в одну таблицу самые ходовые значения, чтобы не считать степени двойки в уме.
| Бит на канал | Бит на пиксель (RGB) | Оттенков в канале | Всего цветов | Где встречается |
|---|---|---|---|---|
| 1 | 1 | 2 | 2 | Чёрно-белые схемы, факс, штриховая графика |
| 8 | 24 | 256 | 16,7 млн | JPEG, PNG, обычные мониторы, весь веб |
| 10 | 30 | 1024 | 1,07 млрд | HDR-видео, профессиональные экраны, HEIF |
| 12 | 36 | 4096 | 68,7 млрд | Кинокамеры, RAW среднего уровня, Dolby Vision |
| 14 | 42 | 16 384 | 4,4 трлн | RAW у большинства зеркалок и беззеркалок |
| 16 | 48 | 65 536 | 281 трлн | Режим редактирования в Photoshop, TIFF, сканы |
Цифры в последней колонке выглядят абсурдно: человеческий глаз различает примерно десять миллионов оттенков, и триллионы ему без надобности. Но запас нужен для обработки. Смотреть на триллион оттенков некому, а вот тянуть из них картинку есть чем. Об этом чуть ниже, это главная мысль всей темы.
Канал основателя Checkroi Вани Буявца3 700 человек читают мой Телеграм-канал про нейросетиСобрал промпты для Claude Code и ChatGPT, разборы ИИ-инструментов и лайфхаки по продвижению бизнеса в одном местеПрисоединитьсяБандинг: почему небо идёт полосами
Когда оттенков не хватает, плавный переход рассыпается на видимые ступеньки. У этого эффекта два названия: бандинг (от английского banding, «полошение») и постеризация. В обиходе их используют как синонимы, разница только в оттенке смысла: бандингом чаще называют сам дефект на фото, постеризацией — приём, когда ступеньки делают намеренно, ради стилизации под плакат.
Заметнее всего бандинг там, где цвет меняется медленно и на большой площади: чистое небо, закат, студийный фон, дым, тень на однотонной стене. Ровно те сюжеты, где градиент должен быть незаметным.
Механика простая. Между тёмно-синим и светло-голубым в 8-битном файле умещается, скажем, сорок промежуточных значений. Если растянуть этот участок на две тысячи пикселей высоты, на каждое значение придётся полоса в пятьдесят пикселей, и глаз её увидит. В 16-битном файле промежуточных значений между теми же цветами будет десять тысяч, и полоса схлопнется в незаметную линию.
Главное про запас битности. Бандинг чаще всего рождается на обработке: каждое движение ползунка контраста или кривых выкидывает часть оттенков. У 8-битного файла выкидывать почти нечего, у 16-битного есть из чего.
Поэтому опытные ретушёры переводят файл в 16 бит перед серьёзной коррекцией и возвращают в 8 только на экспорте. Как это делается руками, разобрали в статье про цветокоррекцию в Photoshop.
Где глубина цвета решает, а где о ней можно забыть
Фотография и RAW
RAW — это «сырой» файл прямо с матрицы камеры, без внутрикамерной обработки. Почти все современные зеркалки и беззеркалки пишут RAW с глубиной 12 или 14 бит, топовые модели — 14 или 16.
Именно поэтому из RAW можно вытянуть пересвеченное небо или провальную тень, а из JPEG того же кадра уже ничего. JPEG камера уже сжала до 8 бит и выбросила всё лишнее. Снимаете в RAW, оставляете себе запас. Снимаете в JPEG, отдаёте право решать процессору камеры., снимаете в JPEG — отдаёте право решать процессору камеры.
Практический вывод для новичка: если планируете обрабатывать снимки, снимайте в RAW и правьте в 16-битном режиме. Если фотографии идут прямиком в мессенджер, разницы вы не увидите. Общий путь в профессию разбирали отдельно в материале «Как стать фотографом с нуля».
Видео и цветокоррекция
Обычное видео с телефона или недорогой камеры — 8 бит. Профессиональные камеры и продвинутые режимы смартфонов пишут 10 бит, кинокамеры доходят до 12 и выше.
Разница вылезает на цветокоррекции. Логарифмические профили съёмки (в меню камеры они называются log, S-Log, V-Log, C-Log) специально пишут картинку плоской и малоконтрастной, чтобы сохранить детали, а уже на монтаже ей возвращают контраст. В 8 битах такая растяжка мгновенно даёт полосы на небе и грязь в тенях, в 10 битах она проходит спокойно.
Отсюда житейское правило: снимаете в log, снимайте минимум в 10 битах. Если камера умеет только 8, снимайте в обычном профиле и не мучайте материал. Съёмка на зелёном фоне, кстати, ровно тот же случай: про неё у нас есть подробный разбор про хромакей, и там нехватка битности тоже вылезает по краям объекта.
Дизайн, вёрстка и печать
Макет для веба спокойно живёт в 8 битах: браузеры показывают именно столько, и никакой запас там не работает. А вот большой градиентный фон в макете — это классическое место, где бандинг вылезает уже в готовой вёрстке.
Для печати битность самого файла важна меньше, чем цветовое пространство и профиль бумаги: типография всё равно переведёт картинку в CMYK. Но исходник со ступеньками останется со ступеньками и на бумаге, поэтому градиенты собирают в 16 битах и добавляют лёгкий шум, он маскирует границы полос.
Веб и соцсети
Тут ответ короткий: 8 бит и точка. JPEG больше не умеет, PNG формально умеет 16, но браузеры и соцсети всё равно приведут картинку к восьми. Загружать в ВК или Telegram 16-битный TIFF смысла нет, вы получите тот же результат, только медленнее.
8, 10 и 12 бит в мониторах и телевизорах
С экранами история отдельная, потому что там к битности примешивается маркетинг.
Обычный офисный и игровой монитор — 8 бит на канал. Профессиональные модели для работы с цветом и хорошие телевизоры — настоящие 10 бит. Двенадцать бит в потребительской технике почти не встречается: такие панели ставят в мастеринговые студийные мониторы стоимостью как автомобиль.
Что такое FRC и честная ли это цифра
В характеристиках часто попадается запись вида «8 bit + FRC» или просто «10 бит» мелким шрифтом с оговоркой. FRC (Frame Rate Control) — это приём, при котором 8-битная панель очень быстро мигает между двумя соседними оттенками, а глаз усредняет их и видит третий, промежуточный.
Получается имитация десяти бит на восьмибитном железе. Работает она неплохо: обычный зритель разницу с настоящей 10-битной панелью не заметит. Претензии к FRC есть у колористов и ретушёров, которым нужна точность до оттенка. При просмотре кино или работе с макетом её хватает с запасом.
Что смотреть в характеристиках монитора. Формулировка «8 bit + FRC» означает восьмибитную матрицу с имитацией. Настоящую десятибитную обозначают как «10 bit» или «true 10-bit» без приписок. Для учёбы и обычной работы хватит и первого варианта.
Причём тут HDR
HDR — это режим расширенного динамического диапазона: картинка одновременно держит и яркие блики, и детали в глубокой тени. Чтобы уместить такой размах яркости без ступенек, восьми бит физически не хватает, поэтому все стандарты HDR требуют минимум десяти.
Отсюда следствие, которое стоит знать перед покупкой: экран с честными 8 битами и наклейкой HDR покажет HDR-контент, но с полосами и без обещанного эффекта. Битность здесь условие входа, а никакой не бонус.
CheckroiПодборка курсов по обработке фотографий14 курсов • 7 школСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Откуда взялись 8 бит и почему они до сих пор стандарт
Восьмибитная картинка появилась не от хорошей жизни. В восьмидесятые память была дорогой, и байт на канал оказался удобным компромиссом: один байт как раз вмещает 256 значений и ровно ложится в архитектуру процессора. Формат прижился, под него написали JPEG, под него сделали первые графические карты.
Дальше сработала инерция: весь веб, все браузеры, все соцсети говорят на языке восьми бит. Заменить этот стандарт целиком дороже, чем терпеть его ограничения, поэтому 8 бит останутся с нами надолго.
Хорошая новость в том, что для показа готовой картинки восьми бит хватает. Глаз человека различает около десяти миллионов оттенков, а 8-битный RGB даёт 16,7 млн. Проблемы начинаются только на двух участках: на больших плавных градиентах и на любой обработке, которая растягивает диапазон.
Канал основателя Checkroi Вани БуявцаЗабирайте промпты и обучение по нейросетям в моём Телеграм-каналеБольше 3 700 человек уже применяют Claude Code, ChatGPT и другие нейросети в работе, учёбе, бизнесе и жизниПерейти в каналЧто делать, если бандинг уже вылез
Идеального лечения нет: выброшенные оттенки не восстанавливаются. Но замаскировать ступеньки можно, и вот три рабочих приёма по возрастанию усилий.
Добавить шум. Слабое зерно поверх градиента разбивает ровные границы полос, и глаз перестаёт их считывать. В Photoshop это фильтр «Шум» → «Добавить шум» с параметром около 1 %, в видеоредакторах он называется film grain. Приём выглядит грубо на бумаге и отлично работает на практике: так делают и в кино, и в печати.
Слегка размыть проблемный канал. Часто полосы живут в одном канале, обычно в синем. Размытие по Гауссу на полпикселя именно в нём смягчает ступеньки, почти не трогая детали.
Пересобрать градиент заново. Если это ваш макет, а не чужая фотография, самый честный путь: перевести документ в 16 бит и построить переход с нуля. Займёт пять минут и снимет вопрос насовсем.
Профилактика дешевле лечения. Начинайте работу в 16 битах, а в 8 переводите последним действием перед сохранением. Тогда чинить будет нечего.
Глубина цвета и цветовой охват: в чём разница
Эти два понятия постоянно путают, хотя отвечают они за противоположное.
Цветовой охват (он же цветовое пространство: sRGB, Adobe RGB, DCI-P3) задаёт границы — насколько насыщенным вообще может быть самый яркий красный в этой системе. Глубина цвета задаёт дробность — на сколько ступенек разбит путь внутри этих границ.
Аналогия с линейкой: охват — это её длина, битность — частота делений. Длинная линейка с редкими делениями измеряет грубо, короткая с частыми точно, но недалеко. Хороший результат даёт сочетание: широкий охват плюс достаточная битность.
Практическое следствие: широкое пространство вроде Adobe RGB в 8 битах даёт бандинг охотнее, чем узкий sRGB в тех же восьми битах. Те же 256 ступенек растянуты на больший диапазон, и каждая ступенька крупнее. Работаете в широком пространстве, берите 16 бит.
CheckroiПодборка курсов по видеомонтажу142 курса • 34 школыСравните цены, школы, программу и найдите выгодные предложения по обучениюСравнить→
Как узнать битность своего файла и экрана
Проверка занимает меньше минуты и не требует специальных программ.
Файл в Photoshop. Битность написана прямо в заголовке вкладки документа, рядом с названием и масштабом: RGB/8, RGB/16 или RGB/32. Поменять можно через меню «Изображение» → «Режим».
Файл в проводнике. В Windows правой кнопкой по картинке → «Свойства» → вкладка «Подробно» → строка «Глубина в битах». Там будет число на пиксель, то есть 24 для обычного JPEG. На macOS то же самое показывает «Инспектор» в программе «Просмотр».
Экран в Windows. «Параметры» → «Система» → «Дисплей» → «Дополнительные параметры дисплея». В сводке будет строка с глубиной цвета.
Экран на macOS. Меню Apple → «Об этом Mac» → «Подробнее» → раздел «Графика и мониторы».
Отдельно проверьте видео: в бесплатном MediaInfo в строке Bit depth будет 8 или 10 бит. Это первое, что стоит посмотреть, если материал разваливается на цветокоррекции.
Пять ошибок новичка
Ошибка 1: считать, что больше бит всегда лучше
Файл в 32 битах весит вчетверо больше восьмибитного и тормозит компьютер, а на экране выглядит так же. Битность берут под задачу: 16 для обработки, 8 для выдачи.
Ошибка 2: переводить в 16 бит уже испорченный файл
Перевод JPEG в 16 бит не вернёт выброшенные оттенки. Он добавит пустые ступеньки между теми, что остались, и защитит от дальнейших потерь, но исходный бандинг никуда не денется. Запас нужно закладывать с самого начала, из RAW.
Ошибка 3: винить монитор вместо файла
Полосы на градиенте чаще идут от восьмибитного исходника и агрессивной обработки, чем от экрана. Прежде чем менять монитор, откройте тот же файл на другом устройстве: если ступеньки на месте, дело в картинке.
Ошибка 4: гнаться за 10-битным экраном на старте
Для учёбы, вёрстки и обычной ретуши восьмибитная панель с приличной заводской калибровкой полезнее дорогой десятибитной без неё. Точность передачи цвета на старте важнее числа оттенков.
Ошибка 5: путать битность с разрешением
Разрешение — это сколько в картинке пикселей, битность — сколько оттенков у каждого. Снимок 4K с восемью битами и снимок Full HD с десятью решают разные задачи, и одно другое не заменяет.
Коротко о главном
Глубина цвета показывает, сколько оттенков доступно одному пикселю. Восемь бит на канал дают 256 уровней и 16,7 млн цветов, и этого хватает для просмотра, веба и печати. Больше нужно там, где картинку будут тянуть и править: в RAW-обработке, в цветокоррекции видео, в сборке больших градиентов.
Нехватка битности проявляется бандингом: плавный переход распадается на видимые полосы. Лечится он запасом на входе, а не героическими усилиями на выходе. В экранах ориентируйтесь на честные 10 бит для HDR и не переплачивайте за них, если работаете с обычной графикой.
Где научиться работать с цветом
Битность — одна деталь большой темы про цвет, и по статьям её собирать долго. На курсе то же самое дают за пару занятий, сразу с практикой на своих файлах: как читать гистограмму, где закладывать запас, как не убить градиент на экспорте.
Мы собрали программы разного уровня и отсортировали их по рейтингу, цене и формату:
| Курс | Школа | Стоимость со скидкой | В рассрочку | Длительность | Обзор курса от Checkroi |
|---|---|---|---|---|---|
| Нейросети для изображений и видео Перейти на сайт курса |  Эдюсон | 47 504 ₽ | 3958 ₽/мес. | 2 месяца | Обзор курса |
| Нейросети. Практический курс Перейти на сайт курса |  Skillbox | 74 900 ₽ | 6242 ₽/мес. | 3 месяца | Обзор курса |
| Профессия «Дизайнер интерьеров» Перейти на сайт курса | Skillbox | 207 518 ₽ | 6898 ₽/мес. | 12 месяцев | Обзор курса |
| Профессия «UX/UI-дизайнер» Перейти на сайт курса |  GeekBrains | 131 709 ₽ | 5700 ₽/мес. | 12 месяцев | Обзор курса |
| Дизайн среды Перейти на сайт курса |  Нетология | 199 300 ₽ | 8459 ₽/мес. | 17 месяцев | Обзор курса |
| Профессия «Motion-дизайнер» Перейти на сайт курса | Skillbox | 149 885 ₽ | 5500 ₽/мес. | 12 месяцев | Обзор курса |
| Профессия «Веб-дизайнер» Перейти на сайт курса | Skillbox | 181 582 ₽ | 7387 ₽/мес. | 12 месяцев | Обзор курса |
| Профессия «UX/UI-дизайнер с нуля до PRO» Перейти на сайт курса |  Contented | 179 604 ₽ | 4989 ₽/мес. | 15 месяцев | Обзор курса |
| Профессия «Графический дизайнер: расширенный курс» Перейти на сайт курса | Нетология | 160 400 ₽ | 7496 ₽/мес. | 17 месяцев | Обзор курса |
| Профессия Бренд-дизайнер Перейти на сайт курса | Skillbox | 143 280 ₽ | 4622 ₽/мес. | 24 месяца | Обзор курса |
Больше программ — в полном каталоге курсов по дизайну
Если интересна конкретная специальность, загляните в подборку по графическому дизайну или в разбор профессии ретушёра. Тем, кто идёт в видео, пригодится план «Как стать видеомонтажёром» и подборка курсов по видеомонтажу. А чтобы разобраться с сочетаниями оттенков, посмотрите статью про цветовой круг Иттена.
