Определите "общий средний" цвет изображения
У меня есть изображение в формате jpg.
Мне нужно знать "общий средний" цвет изображения. На первый взгляд там можно использовать гистограмму изображения (канал RGB).
На работе я использую в основном JavaScript и PHP (немного Python), поэтому приветствовал решение на этих языках. Возможно, есть библиотека для работы с изображениями, которые решают аналогичные проблемы.
Мне не нужно динамически определять цвет изображения. Мне нужно всего один раз пройти через весь массив изображения и определите цвет каждого отдельно (эту информацию я запомню для дальнейшего использования).
6 answers
Вы можете использовать PHP, чтобы получить массив цветовой палитры следующим образом:
<?php
function colorPalette($imageFile, $numColors, $granularity = 5)
{
$granularity = max(1, abs((int)$granularity));
$colors = array();
$size = @getimagesize($imageFile);
if($size === false)
{
user_error("Unable to get image size data");
return false;
}
$img = @imagecreatefromjpeg($imageFile);
// Andres mentioned in the comments the above line only loads jpegs,
// and suggests that to load any file type you can use this:
// $img = @imagecreatefromstring(file_get_contents($imageFile));
if(!$img)
{
user_error("Unable to open image file");
return false;
}
for($x = 0; $x < $size[0]; $x += $granularity)
{
for($y = 0; $y < $size[1]; $y += $granularity)
{
$thisColor = imagecolorat($img, $x, $y);
$rgb = imagecolorsforindex($img, $thisColor);
$red = round(round(($rgb['red'] / 0x33)) * 0x33);
$green = round(round(($rgb['green'] / 0x33)) * 0x33);
$blue = round(round(($rgb['blue'] / 0x33)) * 0x33);
$thisRGB = sprintf('%02X%02X%02X', $red, $green, $blue);
if(array_key_exists($thisRGB, $colors))
{
$colors[$thisRGB]++;
}
else
{
$colors[$thisRGB] = 1;
}
}
}
arsort($colors);
return array_slice(array_keys($colors), 0, $numColors);
}
// sample usage:
$palette = colorPalette('rmnp8.jpg', 10, 4);
echo "<table>\n";
foreach($palette as $color)
{
echo "<tr><td style='background-color:#$color;width:2em;'> </td><td>#$color</td></tr>\n";
}
echo "</table>\n";
, который дает вам массив, значения которого выше для того, как часто использовался этот цвет.
РЕДАКТИРОВАТЬ Комментатор спросил, как использовать это для всех файлов в каталоге, вот оно:
if ($handle = opendir('./path/to/images')) {
while (false !== ($file = readdir($handle))) {
$palette = colorPalette($file, 10, 4);
echo "<table>\n";
foreach($palette as $color) {
echo "<tr><td style='background-color:#$color;width:2em;'> </td><td>#$color</td></tr>\n";
}
echo "</table>\n";
}
closedir($handle);
}
Возможно, вам не захочется делать это со слишком большим количеством файлов, но это ваш сервер.
В качестве альтернативы, если вы предпочитаете использовать Javascript Цвет Локеша-библиотека делает точно то, что вы ищете.
Объединение ответа Кирхарца и Александра Хугестранда:
function getAverage($sourceURL){
$image = imagecreatefromjpeg($sourceURL);
$scaled = imagescale($image, 1, 1, IMG_BICUBIC);
$index = imagecolorat($scaled, 0, 0);
$rgb = imagecolorsforindex($scaled, $index);
$red = round(round(($rgb['red'] / 0x33)) * 0x33);
$green = round(round(($rgb['green'] / 0x33)) * 0x33);
$blue = round(round(($rgb['blue'] / 0x33)) * 0x33);
return sprintf('#%02X%02X%02X', $red, $green, $blue);
}
Проверено и проверено, возвращает шестнадцатеричную строку.
Более коротким решением для изображения истинного цвета было бы уменьшить его до размера 1x1 пикселя и выбрать цвет в этом пикселе:
$масштаб = масштаб изображения ($img, 1, 1, IMG_BICUBIC); $meancolor = цвет изображения ($img, 0, 0);
...но я сам этого не проверял.
Начните с PIL. http://www.pythonware.com/products/pil/
Откройте объект изображения. Используйте метод getdata, чтобы получить все пиксели. Усредните значения, которые вы получите обратно.
Что-то вроде этого.
$img = glob('img/*');
foreach ($img as $key => $value) {
$info = getimagesize($value);
$mime = $info['mime'];
switch ($mime) {
case 'image/jpeg':
$image_create_func = 'imagecreatefromjpeg';
break;
case 'image/png':
$image_create_func = 'imagecreatefrompng';
break;
case 'image/gif':
$image_create_func = 'imagecreatefromgif';
break;
}
$avg = $image_create_func($value);
list($width, $height) = getimagesize($value);
$tmp = imagecreatetruecolor(1, 1);
imagecopyresampled($tmp, $avg, 0, 0, 0, 0, 1, 1, $width, $height);
$rgb = imagecolorat($tmp, 0, 0);
$r = ($rgb >> 16) & 0xFF;
$g = ($rgb >> 8) & 0xFF;
$b = $rgb & 0xFF;
echo '<div style="text-align:center; vertical-align: top; display:inline-block; width:100px; height:150px; margin:5px; padding:5px; background-color:rgb('.$r.','.$g.','.$b.');">';
echo '<img style="width:auto; max-height:100%; max-width: 100%; vertical-align:middle; height:auto; margin-bottom:5px;" src="'.$value.'">';
echo '</div>';
Вы можете получить значение среднего цвета с помощью $r, $g и $b . Повторная выборка изображения намного лучше, чем просто масштабирование!
Я создал пакет composer, который предоставляет библиотеку для выбора среднего цвета из данного изображения по его пути.
Вы можете установить его, выполнив следующую команду в каталоге вашего проекта:
composer require tooleks/php-avg-color-picker
Пример использования:
<?php
use Tooleks\Php\AvgColorPicker\Gd\AvgColorPicker;
$imageAvgHexColor = (new AvgColorPicker)->getImageAvgHexByPath('/absolute/path/to/the/image.(jpg|jpeg|png|gif)');
// The `$imageAvgHexColor` variable contains the average color of the given image in HEX format (#fffff).