Определение основного цвета изображения на PHP

04.06.2016 | Категория: Web-мастеру и не только | Автор: ManHunter

В различных поисковых системах есть возможность поиска изображения по цвету, например, "только синие" или "только зеленые". Естественно, это не означает стопроцентную синюю или зеленую заливку, а определяет преобладающий цвет картинки. Такой цвет называется основным. Алгоритм поиска основного цвета очень простой: надо просто подсчитать суммарные значения по каждому из каналов RGB для каждого пиксела изображения, а затем разделить полученные значения на общее количество пикселов. На PHP это реализуется примерно так:

Code (PHP) : Убрать нумерацию

// Файл для определения основного цвета
$im=ImageCreateFromJPEG('test.jpg');
$total_R=0;
$total_G=0;
$total_B=0;
// Размеры изображения
$width=ImageSX($im);
$height=ImageSY($im);
// Подсчитать суммарные значения по RGB
for ($x=0; $x<$width; $x++) {
for ($y=0; $y<$height; $y++) {
$rgb=ImageColorAt($im,$x,$y);
$total_R+=($rgb>>16) & 0xFF;
$total_G+=($rgb>>8) & 0xFF;
$total_B+=$rgb & 0xFF;
}
}
// Прибраться за собой
ImageDestroy($im);
// Определение значений RGB основного цвета
$avg_R=round($total_R/$width/$height);
$avg_G=round($total_G/$width/$height);
$avg_B=round($total_B/$width/$height);

Код минимально необходимый, никаких проверок на наличие файла или корректность его внутреннего формата не производится, это вы можете сделать самостоятельно. После выполнения кода получаются три значения каналов RGB основного цвета изображения.

Для очень больших изображений можно применить следующий алгоритм определения основного цвета. Изображение сжимается штатными средствами PHP до размера 1х1 пиксель, основным цветом будет являться цвет этого пиксела.

Code (PHP) : Убрать нумерацию

// Файл для определения основного цвета
$im=ImageCreateFromJPEG('test.jpg');
// Размеры изображения
$width=ImageSX($im);
$height=ImageSY($im);
// Сжать изображение до 1x1
$dst=ImageCreateTrueColor(1,1);
ImageCopyResampled($dst,$im,0,0,0,0,1,1,$width,$height);
// Получить основной цвет
$rgb=ImageColorAt($dst,0,0);
$avg_R=($rgb >> 16) & 0xFF;
$avg_G=($rgb >> 8) & 0xFF;
$avg_B=$rgb & 0xFF;
imageDestroy($im);
imageDestroy($dst);

Основной цвет изображения определен, но использовать его для поиска изображений по критерию "цвет" пока не получится, так как слишком большой разброс значений. Надо преобразовать значение "оттенок красного" или "оттенок желтого" в абсолютно красный или абсолютно желтый, для этого удобнее всего перевести RGB в HSV и проанализировать цветовой тон (Hue), насыщенность (Saturation) и яркость (Value).

Code (PHP) : Убрать нумерацию

// Перевести RGB в HSV
$R=($avg_R/255);
$G=($avg_G/255);
$B=($avg_B/255);
$maxRGB=max(array($R, $G, $B));
$minRGB=min(array($R, $G, $B));
$delta=$maxRGB-$minRGB;
// Цветовой тон
if ($delta!=0) {
if ($maxRGB==$R) {
$h=(($G-$B)/$delta);
}
elseif ($maxRGB==$G) {
$h=2+($B-$R)/$delta;
}
elseif ($maxRGB==$B) {
$h=4+($R-$G)/$delta;
}
$hue=round($h*60);
if ($hue<0) { $hue+=360; }
}
else {
$hue=0;
}
// Насыщенность
if ($maxRGB!=0) {
$saturation=round($delta/$maxRGB*100);
}
else {
$saturation=0;
}
// Яркость
$value=round($maxRGB*100);

Получив значение цветового тона, яркости и насыщенности, открываем любую программу или сайт для работы со шкалой HSV. Выбирая различные цвета, определяем граничные значения тона, насыщенности и яркости, и устанавливаем в скрипте, какому абсолютному цвету соответствует тот или иной интервал или комбинация значений. Например, для своих задач я определил следующие соответствия:

Code (PHP) : Убрать нумерацию

// Яркость меньше 30%
if ($value<30) {
// Черный
$color='#000000';
}
// Яркость больше 85% и насыщенность меньше 15%
elseif ($value>85 && $saturation<15) {
// Белый
$color='#FFFFFF';
}
// Насыщенность меньше 25%
elseif ($saturation<25) {
// Серый
$color='#909090';
}
// Определить цвет по цветовому тону
else {
// Красный
if ($hue>320 || $hue<=40) {
$color='#FF0000';
}
// Розовый
elseif ($hue>260 && $hue<=320) {
$color='#FF00FF';
}
// Синий
elseif ($hue>190 && $hue<=260) {
$color='#0000FF';
}
// Голубой
elseif ($hue>175 && $hue<=190) {
$color='#00FFFF';
}
// Зеленый
elseif ($hue>70 && $hue<=175) {
$color='#00FF00';
}
// Желтый
else {
$color='#FFFF00';
}
}

Теперь можно точно сказать, какого цвета картинка. Где это можно использовать? Про поиск изображений по абсолютным цветам я уже упомянул. А основной цвет хорошо использовать для отрисовки рамки или фона изображения, чтобы добиться наиболее удачного их сочетания. Наверняка найдутся и другие применения.

Просмотров: 8993 | Комментариев: 4

Метки: PHP, графика

Внимание! Статья опубликована больше года назад, информация могла устареть!

Ок. Действительно так быстрее, удобнее. Но картинку приходится загружать предварительно. А если зайти на страницу и запустить JS скрипт с целью получить цвет элемента контента страницы - такое вряд ли возможно?

ManHunter (09.06.2016 в 08:49):

На JS это сделать гораздо удобнее, canvas и все такое прочее. И работать такая реализация будет быстрее. Вот, например: http://easy-code.ru/lesson/htm...color-picker

DiPrm (09.06.2016 в 08:45):

Хороший пример, натолкнул на мысль, что можно сделать свой online colorPicker, передавая посредством AJAX на клиентской части координаты пикселя картинки, предварительно загрузив ее на страницу.

Добавить комментарий

Заполните форму для добавления комментария

Если программист в девять утра уже на работе, значит он там же и ночевал

Главная страница Web-мастеру и не только Образ мышления: Assembler Мои программы Software Темная сторона Силы Обзоры техники А еще я туда ем! Жизнь в оффлайне Всякая всячина

Карта сайта Ссылки Обратная связь Правила сайта Настройки сайта RSS-канал

Материалы, опубликованные на этом сайте, не рекомендуются к просмотру лицам в возрасте до 16 лет без присутствия взрослых.

Метки статей

Свернуть

Вам помог этот сайт?

Поблагодарили 35,172 раза

День федерального государственного санитарно-эпидемиологического надзора

День работников леса

День свободных денег

Нашли на сайте орфографическую ошибку? Выделите ее мышкой и нажмите

Ctrl

Enter

Буду очень благодарен, если размеcтите мою кнопочку:

<a href="https://www.manhunter.ru" target="_blank"><img src="https://www.manhunter.ru/images/button.gif" alt="Личный блог ManHunter'а" title="Личный блог ManHunter'а" width="88" height="31" /></a>

$Яндекс тИЦ: {YANDEX_TIC}$

Яндекс ИКС: 360

Сейчас я слушаю

---

- автообновление

Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2024
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.07 сек. / MySQL: 2 (0.0056 сек.) / Память: 4.5 Mb

	2024 - СЕНТЯБРЬ
Пн	Вт	Ср	Чт	Пт	Сб	Вс
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30

Определение основного цвета изображения на PHP

Комментарии

Добавить комментарий