Как определять основной цвет картинки?

Question

[kamisarlapsha]

Привет! Как определить основной цвет картинки ? Я решил использовать php. Но после этого страница стала грузиться в 2 раза дольше. Дело в моём коде или стоит это делать на jquery ? Сама суть, что у меня есть много картинок и у каждой надо определить общий цвет. Заранее спасибо!

Вот мой код php

$img_path = 'image/' . $result['image'];
                
$im = imagecreatefromstring(file_get_contents($img_path));

$rgb = imagecolorat($im, 10, 15);
                
$r = ($rgb >> 16) & 0xFF;
$g = ($rgb >> 8) & 0xFF;
$b = $rgb & 0xFF;
                
$rgb = '('.(int)$r.', '.(int)$g.', '.(int)$b.')';
                
ImageDestroy($im);

Answer 1

[bkosun]

require 'vendor/autoload.php';

use League\ColorExtractor\Color;
use League\ColorExtractor\ColorExtractor;
use League\ColorExtractor\Palette;

$palette = Palette::fromFilename('./some/image.png');

$topFive = $palette->getMostUsedColors(1);

https://github.com/thephpleague/color-extractor

Comments

[kamisarlapsha]

Я подключил

require_once(DIR_SYSTEM . 'library/ColorExtractor/Color.php');
require_once(DIR_SYSTEM . 'library/ColorExtractor/ColorExtractor.php');
require_once(DIR_SYSTEM . 'library/ColorExtractor/Palette.php');

Использую так. (Ошибка из за этого куска кода)

$img_path = realpath('image/' . $result['image']);
                
$palette = Palette::fromFilename($img_path);
$rgb = $palette->getMostUsedColors(1);

Но получается ошибка 500.

[Antony Tkachenko]

kamisarlapsha, используйте composer.
И неплохо бы вам почитать про автозагрузку.

[edward_freedom]

kamisarlapsha, $ composer require league/color-extractor:0.3.*

Answer 2

[grinat]

Если это используется только на фронте, то можешь сделать на js, только jquery тут не поможет: https://developer.mozilla.org/ru/docs/Web/API/ImageData

Если еще где-то, то на php, но проходить по всему изображению и дергать каждый пиксель, не лучший вариант. Учитывая что в php просто обертка на gd, возможно будет быстрее например конвертировать исходное изображение в изображение 1x1 и его цвет будет близок к самому используемому.