Pull to refresh

Когда Photoshop отображает совсем не то, что надо

Reading time 3 min
Views 285K
Website development *
example

Такая вот ситуация: дизайнер присылает макет, а у верстальщика открывается какая то лабуда светлая, или темная (если верстальщик испольует МасOS, а дизайнер Win.). Или же верстальщик сохраняет картинку, а там цвета другие стали.

Разберемся почему так и как с этим жить.

Читать дальше →
Total votes 173: ↑158 and ↓15 +143
Comments 143

Миллиард цветов на LCD — теперь не только для DreamWorks

Reading time 1 min
Views 15K
Hewlett Packard Enterprise corporate blog
HP ZR30wВчера HP выпустила в свет очередное пополнение линейки мониторов DreamColor, предназначенной для профессионалов полиграфии, 3D-анимации, промышленного дизайна и всех тех, кому действительно важна точность цветопередачи. 30-дюймовый HP ZR30w благодаря 30-битной матрице S-IPS способен отображать более 1 миллиарда оттенков, в 64 раза больше подавляющего большинства современных, 24-битных, ЖК-мониторов.

ZR30w отображает всю палитру sRGB и на 99% — Adobe RGB. Для обычного пользователя это будет значить, что все цвета будут больше похожи сами на себя, а объекты на экране будут казаться глубже, ярче и четче, чем на том мониторе, на котором вы сейчас читаете этот текст.

Вместе с выдающимися параметрами цветового охвата ZR30w отличается разрешением 2560x1600 пикселей и динамической контрастностью 3000:1. Традиционное отставание матриц S-IPS по контрастности, таким образом, практически удалось преодолеть.

Но самый важный, по-моему, параметр нового DreamColor — это его цена, в США начинающаяся от $1 299. Дорого?
Читать дальше →
Total votes 36: ↑30 and ↓6 +24
Comments 102

Цветовые профили и их использование

Reading time 3 min
Views 96K
Working with 3D-graphics *
Tutorial
Recovery mode
Сразу оговорюсь, что я и близко не являюсь профессионалом в области обработки изображений, но хочу поделиться с вами кое-какими полученными знаниями (с примером). Очень надеюсь, что информация будет для вас полезной.

При работе с изображениями многим приходилось сталкиваться с понятием «цветовой профиль». Откуда оно взялось? По определению, цветовой профиль — это набор данных, описывающих устройство цветного ввода или вывода (монитор, принтер и так далее). Профили определяют требования к внешнему виду через соответствия между пространствами цветов и PCS (Profile Connection Space). Пространство связи профиля может быть XYZ или LAB, а соответствия обычно задаются таблицами или «картами».
Читать дальше →
Total votes 14: ↑10 and ↓4 +6
Comments 13

Об относительной яркости, или насколько живучим бывает легаси

Reading time 6 min
Views 38K
Image processing *IT Standards *
Я уверен, что многим программистам знакома формула:

Y = 0.299 R + 0.587 G + 0.114 B

А уж тот, кто плотно работал с графикой, знает эти цифры буквально наизусть — как в былые времена эникейщики запоминали серийники Windows. Иногда коэффициенты округляют до второго знака, иногда уточняют до четвертого, но каноническая форма именно такая.

Вычисляет она относительную яркость цвета (relative luminance или в некоторых контекстах luma; не путать с lightness и brightness) и широко применяется для преобразования цветного RGB-изображения в Grayscale и связанных с этим задач.

Формула растиражирована и процитирована в тысячах статей, форумных обсуждений и ответов на StackOverflow… Но дело в том, что единственно-правильное её место — на свалке истории. Использовать её нельзя. Однако же используют.

Но почему нельзя? И откуда же взялись именно такие коэффициенты?
Мини-экскурс в историю
Total votes 87: ↑87 and ↓0 +87
Comments 130

Вышел GIMP 2.9.4

Reading time 10 min
Views 30K
Open source *Image processing *Development for Linux *
Translation

Отчёт о новых функциях свободного графического редактора


Мы только что выпустили вторую dev-версию GIMP в серии 2.9.x, ставшую результатом полугода работы. GIMP 2.9.4 представляет собой мощное обновление:

  • обновленный интерфейс;
  • серьёзные улучшения в управлении цветом;
  • готовый к использованию инструмент MyPaint Brush;
  • симметричное рисование;
  • сплит-превью для фильтров на GEGL.

Вдобавок, исправлены десятки багов и сделаны многочисленные мелкие улучшения в графическом редакторе.

GIMP 2.9.4 достаточно надёжен для использования в продакшне, но требуется ещё кое-что доделать. Поэтому выпуск стабильной версии 2.10 потребует некоторого времени. Пожалуйста, смотрите дорожную карту со списком основных изменений, которые готовятся в версии GIMP 2.10.
Читать дальше →
Total votes 37: ↑34 and ↓3 +31
Comments 57

Улучшаем цвета в вебе (для эплофилов)

Reading time 14 min
Views 44K
CGI *Graphic design *
Это перевод публикации в блоге Web Kit.

Последние несколько лет наблюдается значительное улучшение технологии производства дисплеев. Сначала это было обновление до экранов с более высоким разрешением, начавшееся с мобильных устройств, а затем перешедшее на настольные компьютеры и ноутбуки. Веб-разработчики должны были понять, что значит для них высокое значение в DPI, и знать, как разрабатывать страницы, использующие такое высокое разрешение. Следующее революционное улучшение дисплеев происходит прямо сейчас: улучшение цветопередачи. В настоящей статье я хотел бы разъяснить, что это значит, и как вы, разработчики, можете выявлять такие дисплеи и обеспечивать лучшее взаимодействие для ваших пользователей.
Читать дальше →
Total votes 14: ↑13 and ↓1 +12
Comments 27

Цвет: от шестнадцатеричных кодов до глаза

Reading time 16 min
Views 51K
Web design *Graphic design *
Translation


Почему мы воспринимаем background-color: #9B51E0 как этот конкретный фиолетовый цвет?



Долгое время я думал, что знаю ответ на этот вопрос. Но хорошенько поразмыслив, осознал значительные пробелы в своих знаниях.
Читать дальше →
Total votes 104: ↑104 and ↓0 +104
Comments 26

Форсируем цвета проектора с «Epson Cinema Filter»

Reading time 7 min
Views 7K
Epson corporate blog Computer hardware Popular science Video equipment Physics
В посте «Домашние проекторы Epson — ставим все точки над i (часть 2)» мы в общих чертах рассказали об оптическом фильтре «Epson Cinema Filter», установленном в некоторых домашних проекторах Epson. В данном после мы рассмотрим его подробнее, а в конце статьи даже проведем небольшой эксперимент!

Многие знают, что проекторы позволяют выбирать режим вывода изображения. У домашних проекторов Epson имеется четыре классических режима: «Динамический», «Гостиная», «Кино», «Нейтральный». Первые два предназначены для освещенных или частично освещенных помещений, последние два — наименее яркие и предназначены для затемненных помещений:


Помимо того, что лишняя яркость в темном помещении нежелательна сама по себе, именно в этих режимах достигается наилучшее качество цветопередачи. В чем же разница между ними?
Читать дальше →
Total votes 5: ↑5 and ↓0 +5
Comments 2

5 мифов о проекторах. Миф №2 – «Цветовая яркость» – выдуманная маркетологами характеристика проектора

Reading time 7 min
Views 17K
Epson corporate blog Computer hardware Video equipment Periphery Physics

В прошлый раз мы рассказали о мифе эксплуатации проектора в освещенном помещении, а сегодня начнём новый цикл статей о цветопередаче с точки зрения цветовой модели CIE xyY. В этой части мы разберемся, почему «цветовая яркость» (проектора, например) важна с точки зрения стандарта sRGB.


Читать дальше →
Total votes 18: ↑14 and ↓4 +10
Comments 37

Алгоритм генерирования цветовых палитр

Reading time 4 min
Views 12K
VK corporate blog Programming *Algorithms *Go *Prototyping *
Tutorial
Translation


Ищете красивую цветовую палитру для сайта? Недавно установили дома RGB-подсветку, или хотите покрасить комнату в новые цвета? Или купили клавиатуру с цветной подсветкой и хотите использовать её по полной? В какой бы ситуации вы ни оказались, наверняка постоянно настраиваете цветовые схемы.

Будучи программистом, я быстро написал несколько строк кода для генерирования случайных цветовых палитр. Сразу почуяв, что такой подход может дать не лучшие результаты, я за пару минут реализовал кнопку «перезагрузки» палитры. Мне представлялось, что для получения прекрасной схемы просто нужно немного удачи и терпения.

Я ошибался. Генерирование палитр из случайных цветов — отстой. Время от времени красивый цвет соседствует с уродливым, грязным оттенком коричневого или жёлтого. Подборки цветов получаются всегда либо слишком тёмные, либо слишком светлые и малоконтрастные, либо наборы состоят из очень похожих цветов. Нужно было придумать другое решение.
Читать дальше →
Total votes 27: ↑23 and ↓4 +19
Comments 11

sRGB lives matter или как Chrome врал с цветами

Reading time 1 min
Views 10K
Google Chrome Design Monitors and TV
image

Началось все с того что я решил обновить свой ноутбук и купил себе DELL G3, для работы и естественно поиграть. Конечно, монитор у него не ретина, но в принципе пойдет.

Затем как то, работая с нашим заказчиком, я обнаружил, что с удаленного рабочего стола цвета их логотипа выглядят совсем по-другому. После чего я решил открыть их сайт на разных браузерах и понял, что 2 из 4 браузеров показывают не правильно и это те что на хром движке к слову показывали правильно цвета – Mozila FireFox и Internet Explorer (внезапно! Но сайт их криво отрисовал но это уже другая история), а Google Chrome и Microsoft EDGE (на базе хром движка) не верно выводили цвета.
Читать дальше →
Total votes 28: ↑14 and ↓14 0
Comments 32

Система управления цветом vs Браузеры vs Просмотрщики графических файлов

Reading time 5 min
Views 3.1K
Browsers Graphic design *

Изображение может содержать, а может и не содержать цветовой профиль. К изображениям, содержащим цветовой профиль, можно будет применить систему управления цветом (Color Management System), благодаря чему изображение будет корректно конвертировано в профиль монитора, в итоге вы увидите изображение так, как задумал изначально автор. Если профиля в файле нет, то каждая программа покажет что-то своё, руководствуясь логикой разработчиков, но в целом это не страшно, так как на данный момент и мониторы и программы ориентируются на цветовой стандарт sRGB.

Читать далее про браузеры и просмотрщики..
Total votes 12: ↑12 and ↓0 +12
Comments 10