Как сравниваются изображения — от MSE до Dino

Моя страсть к накопительству картинок зародилась еще в эпоху диалапа, когда каждый JPEG проявлялся построчно под писк и скрежет модема, а бэкап стянутых с BBS цифровых сокровищ на дискету напоминал ритуал. С тех пор куча скарба разрослась до масштабов домашнего дата‑центра: здесь доисторические смишные мемы, тонны диснеевского клипарта, сканы журналов, галереи фанарта от известных в узких кругах артоделов, масса неотсортированного фототреша из собственных поездок, картинки природы и красоток, порция клубнички, шедевры CGI, нейроарт и фотографии Элизабет Уинстон. Проблема в том, что весь этот терабайтный зоопарк из разных разрешений, битности и форматов — абсолютно неструктурированная свалка, и попытка найти нужное превращается в квест «убей свои выходные». По мере роста коллекции я пробовал подряд все костыли, которые лучшие умы изобретали для сравнения изображений. В этой статье я пройдусь по эволюционной цепочке: от одноклеточных хэш‑сумм до венца творения — свежесобранного монстра DINOv3. Объять необъятное не выйдет — по каждому методу сравнения можно катать лонгрид иллюстрациями и с примерами кода (что, возможно, и сделаю, если меня не закидают жжёными тряпками). Но сейчас попробую изложить суть: как метод устроен, когда он тащит, а когда выдает откровенный бред. Поехали

https://habr.com/ru/articles/986360/

#hash #sift #dinov2 #moments #histogram #oklab #rgb #orb #сравнение_изображений

Как сравниваются изображения — от MSE до Dino

Моя страсть к накопительству картинок зародилась еще в эпоху диалапа, когда каждый JPEG проявлялся построчно под писк и скрежет модема, а бэкап стянутых с BBS цифровых...

Хабр
Oh #figma when will you get #oklch and #oklab

Will I ever think in chroma and hue rather than RGB color mixes?

The Oklab color space functional notation (oklch) describes a color by four values: lightness (black/white), chroma, hue, and alpha.

Red Green Blue (RGB) and Cyan Magenta Yellow Black (CMYK) describe mixes of color.

oklch(0.7 0.1 112) is rgb(160, 165, 88) or cmyk(3.03%, 0%, 46.67%, 35.29%) or “Dark Khaki” in plain language.

I am sure there are some of us that can think in chroma and hue, but I am not one of them. Thinking about colors in geometrical space makes my head hurt. I have a hard enough time thinking in CMYK. For whatever reason, my brain is more able to parse the RGB color mix into a...

https://nokoto.org/node/579

Will I ever think in chroma and hue rather than RGB color mixes?

The Oklab color space functional notation (oklch) describes a color by four values: lightness (black/white), chroma, hue, and alpha. Red Green Blue (RGB) and Cyan Magenta Yellow Black (CMYK) describe mixes of color. oklch(0.7 0.1 112) is rgb(160, 165, 88) or cmyk(3.03%, 0%, 46.67%, 35.29%) or “Dark Khaki” in plain language. I am sure there are some of us that can think in chroma and hue, but I am not one of them. Thinking about colors in geometrical space makes my head hurt. I have a hard enough time thinking in CMYK. For whatever reason, my brain is more able to parse the RGB color mix into a basic understanding of the color. For me, I thought dark yellow rather than dark khaki above. It is probably like learning a new language—I would have to translate in my head constantly until I can think natively. Unfortunately I am not a linguist and I have trouble remembering more than 2 languages. Example: when I try to think of how to say something in French, Japanese starts mingling into the phrase. It does seem easier to understand grayscale in Oklab. 0.5 is easier to parse than 125, 125, 125, but not by much as my brain can speed through the repetitive numbers fine. I guess if I visualize a color wheel in my mind, then it might help. It’s still harder for me at the moment though. And it is easier for me to copy a hex code with one click rather than a mouse selection.

nokoto

[Перевод] Цветовая модель OKLCH

OKLCH — это довольно новая цветовая модель, разработанная для обеспечения визуальной однородности. Это означает, что цвета гораздо точнее с точки зрения восприятия человеком, что упрощает работу с ними.

https://habr.com/ru/articles/940800/

#цветовые_пространства #srgb #oklch #oklab #hsv

Цветовая модель OKLCH

OKLCH — это довольно новая цветовая модель, разработанная для обеспечения визуальной однородности. Это означает, что цвета гораздо точнее с точки зрения восприятия человеком, что упрощает работу с...

Хабр

OKLCH / OKLAB color palette generation *in pure CSS (edit) makes a ton of sense, until you realize that colors can quickly go outside the gamut of the color space, there's zero warning when they do, and what happens when they do is that the browser uses a "best effort" color space mapping to show the color.

AKA *it doesn't even work a little bit for any version of cyan.*

So you're half generating a palette, and half letting the derpy browser choose colors for you. 🤦‍♂️

#css #csscolor #color #oklab #oklch

Is it me or #oklab blending cannot work with premultiplied data? 🤔
CSS Color Functions | CSS-Tricks

CSS has a number of functions that can be used to set, translate, and manipulate colors. Learn what they are and how they are used with a bunch of examples to get you started.

CSS-Tricks
unglaubliche 21 Leute heute im Lokal K, um von Ertan beim #oklab #köln etwas über Large Language Models auf dem eigenen Rechner zu hören. Angeregter Austausch auf hohem Niveau mit sehr spannenden Anwendungsideen Ideen von Fußball bis Kunst.
The forth talk from #SotB2025 @matuzo - Color in CSS: How I learned to disrespect Tennis.
Is now avaliable for your viewing pleasure.
https://2025.stateofthebrowser.com/speaker/manuel-matuzovic/
#CSS #Color #OKLAB #OKLCH #ColorSpaces
Manuel Matuzović | State of the Browser

Manuel is a freelance frontend developer, accessibility auditor, teacher, author, and consultant who’s passionate about the web. He writes about accessibility, HTML, and CSS on his personal blog matuzo.at and on htmhell.dev.

#Development #Techniques
CSS-only blurry image placeholders · A minimal technique with a sophisticated mechanism https://ilo.im/163247

_____
#Images #Placeholders #Colors #Gradients #OKLAB #WebDev #Frontend #CSS

Minimal CSS-only blurry image placeholders