krustnic Nov 23 2012 at 18:38

Делаем превью сайтов в стиле Yandex Браузера

5 min

24K

Website development*JavaScript*Image processing*

From sandbox

+36

Comments 28

mixailflash Nov 23 2012 at 18:50

Вроде пустяк, а жить помогает.

UFO just landed and posted this here

mixailflash Nov 23 2012 at 19:08

А можно и не только для хрома.

slaum Nov 24 2012 at 05:58

Гуглохром, кстати, в спид-дайле нечто похожее сам делает, только цветом выделяет не весь прямоугольник, а только нижнюю грань. Там, кстати, цвет естественнее подбирается, на мой взгляд, чем в топике.

BekoBou Nov 23 2012 at 19:15

Градиента нет :) А так интересно получилось. Правда более интересно как они логотипы выдёргивают.

krustnic Nov 23 2012 at 19:19

Вы имеете ввиду лого а не favicon? Они их не выдергивают, а просто отрисовывают для всех топовых ресурсов.

BekoBou Nov 23 2012 at 23:37

Для хабра тогда ужасно сделано…

aitras Nov 23 2012 at 19:55

Вопрос на засыпку… А у Фавикона ли он берет цвет?
Почему у меня в Яндекс.Браузере Форум AmDm.Ru в черном цвете? Протестируйте своим мм… «алгоритмом». Может я ошибаюсь.

krustnic Nov 23 2012 at 20:18

А вот это очень интересно. У меня форум AmDm в Я.Браузере выглядит сильно светлее. Слева цвет полученный алгоритмом кластеризации при k=7, справа — как это выглядит у меня в Я.Б:

Если отбросить наложение градиента, то цвета, вроде, близкие.

aitras Nov 23 2012 at 20:23

Фантастика!
Теперь у меня так:

Но при наведении становится черным как на прошлом рисунке.
Я не знаю как это вышло, но раньше он всегда был черным.

Цвет теперь действительно похож на средний.

krustnic Nov 23 2012 at 20:28

Видимо используются технологии схожие с Яндекс «генератором погоды» =). Других догадок пока нет. У себя такого поведения вроде не замечал.

aitras Nov 23 2012 at 22:44

Опять черный… Странно все это.

kelegorm Nov 23 2012 at 20:08

А почему не сделать так: собрать палитру цветов, потом сгруппировать все цвета по похожести цвета и определить самую крупную группу. Можно от неё взять средний цвет всех цветов, которые в неё вошли, или как-то выбрать значение внутри группы.

krustnic Nov 23 2012 at 20:20

Если я правильно вас понял, то это как раз алгоритм под номером 3. Кластеризация цветов.

Agent_J Nov 23 2012 at 20:28

Вопрос из любопытства: какой цвет дадут все 3 алгоритма, если половина изображения будет белой, а вторая чёрной?

Agent_J Nov 23 2012 at 20:31

Кажется я задал очень глупый вопрос )

krustnic Nov 23 2012 at 20:36

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

adic3x Nov 23 2012 at 20:35

В Хроме на его стандартной новой странице под миниатюрой сайта тоже есть полоска цвета фавикона.

Кэп

krustnic Nov 23 2012 at 20:38

Да, там как раз и используется алгоритм кластеризации.

UFO just landed and posted this here

G_Z Nov 23 2012 at 22:47

Размытие по Гауссу с радиусом, равным стороне иконки, даёт хорошую картину.
Как понимаю, это близко к третьему алгоритму.

Exileum Nov 24 2012 at 02:24

Второй алгоритм дает самый адекватный результат, как лично мне показалось.

jellyfish Nov 24 2012 at 12:50

неужели я единственный, кому приятно видеть в новой вкладке «пустую белую страницу» вместо отвлекающих «красочных картинок»?

leMar Nov 24 2012 at 15:33

Кому-то нравятся мороженное, кому-то пироженное. Кому-то девочки, кому-то мальчики. Это нормально. Не вижу ничего плохого ни в «пустой белой странице», ни в «красочных картинках».