Обнаружить «общий средний» цвет изображения

Question

У меня есть изображение в формате jpg.

Мне нужно знать «общий средний» цвет изображения. На первый взгляд можно использовать гистограмму изображения (канал RGB).

На работе я использую в основном JavaScript и PHP (немного Python), поэтому приветствовал решение на этих языках. Возможно, это библиотека для работы с изображениями, которые затрагивают аналогичные проблемы.

Мне не нужно динамически определять цвет изображения. Мне нужно только один раз пройти весь массив изображений и определить цвет каждого отдельно (эту информацию я буду помнить для будущего использования).

Answer 1

Вы можете использовать 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;'>&nbsp;</td><td>#$color</td></tr>\n"; 
} 
echo "</table>\n"; 

, который дает вам массив, значения выше, как часто используется этот цвет.

EDIT Комментатор спросил, как использовать это на все файлы в каталоге, здесь:

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;'>&nbsp;</td><td>#$color</td></tr>\n"; 
      } 
      echo "</table>\n"; 
     } 
     closedir($handle); 
    } 

не могли бы хотеть сделать это слишком много файлов, но это ваш сервер.

Альтернативно, если вы предпочитаете использовать JavascriptLokesh's Color-Theif библиотека выполняет именно то, что вы ищете.

Answer 2

Начать с PIL. http://www.pythonware.com/products/pil/

Открыть объект изображения. Используйте метод getdata, чтобы получить все пиксели. Средние значения, которые вы возвращаете.

Нечто подобное.

Image color detection using python

Answer 3

Более короткое решение для истинного цветного изображения будет масштабировать его до 1x1 размера пикселя и образец цвета на этом пикселе:

$ масштабируется = imagescale ($ IMG, 1, 1, IMG_BICUBIC); $ meanColor = imagecolorat ($ img, 0, 0);

... но я не проверял это сам.

Answer 4

Объединение JKirchartz и Александр Hugestrand Ответ:

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); 
} 

Испытанный, возвращает шестнадцатеричную строку.

Answer 5

Я создал пакет композитора, который предоставляет библиотеку для выбора среднего цвета от данного изображения по его пути.

Вы можете установить его, выполнив следующую команду в каталоге проекта: пример

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). 

См documentation.

Answer 6

$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>'; 

вы можете получить значение среднего цвета с $ г, $ г, & $ б дискретизацию изображения гораздо лучше, чем только его масштаб!