web-dev-qa-db-ja.com

画像の「全体的な」色を検出する

Jpg画像があります。

画像の色を「全体的に平均」する必要があります。一見すると、画像のヒストグラムを使用できます（チャンネルRGB）。

仕事では主にJavaScriptを使用しており、PHP（小さなPython）です。したがって、これらの言語での決定を歓迎しました。

写真の色を動的に決定する必要はありません。画像の配列全体を一度調べて、それぞれの色を個別に決定する必要があります（この情報は将来の使用のために覚えておきます）。

phpjavascriptpythonimage-processing
46
Kalinin

[〜＃〜] 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);
    }

あまりにも多くのファイルでこれを行いたくないかもしれませんが、それはあなたのサーバーです。

代わりにJavascriptを使用したい場合 Lokesh's Color-Theif ライブラリはまさにあなたが探しているものをします。

71
JKirchartz

JKirchartzとAlexander 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); 
 }

試行してテストし、16進文字列を返します。

5
Johnny Rockex

トゥルーカラーイメージの短いソリューションは、1x1ピクセルサイズに縮小し、そのピクセルで色をサンプリングすることです。

$ scaled = imagescale（$ img、1、1、IMG_BICUBIC）; $ meanColor = imagecolorat（$ img、0、0）;

...しかし、私はこれを自分でテストしていません。

2
Alexander Hugestrand
$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を使用して平均色の値を取得できるため、画像を拡大縮小するだけでなく、画像の方がはるかに優れています。

2
antoine demacon

PILから始めます。 http://www.pythonware.com/products/pil/

Imageオブジェクトを開きます。 getdataメソッドを使用して、すべてのピクセルを取得します。取得した値を平均します。

このようなもの。

pythonを使用した画像の色の検出

1
S.Lott

パスで指定された画像から平均色を選択するためのライブラリを提供する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).

ドキュメント を参照してください。

0
tooleks