#skrz

zdrojový obrázek (660x273px):

potřebujeme dostat např. do nasledujícího boxíku s velikostí obrázku 344x215px

horní je 'resize' metoda, spodní je 'crop' metoda používaná u nás … která je lepší ? … naše víc prodává ;-)

Bohužel dosud se to dělalo jen na základě rozměrů a různými nastaveními, např. nad kategorií nabídky, atd. ...

Toto 'jednoduché' rozhodování ale nefunguje na nabídky typu 'produkty' a tudíž docházelo ke špatným ořezům:

(vlevo je originál, vpravo naše zpracovaná verze v jedné z mnoha velikostí se špatným 'cropem')

Jak toto vyřešit ?

Shrnutí:

Na našem webu zobrazujeme obrázky nabídek v několika různých rozměrech a bohužel někdy se hodně liší poměr stran.

Servery posílají obrázky také ve velmi rozličných formátech velikostí (ač se je snažíme vychovat k obrazu svému ;-) )

Obrázky jsou v podstatě typu plné 'foto' (např. pobyty) a 'produkt' na umělém pozadí (např. výše obrázek kávovaru či běžek)

Cíl zpracování:

co nejlepší zobrazení ;-)

Řešení resp. provedeni (řešení bohužel zdaleka není ještě ideální):

Z výše uvedenému vyplývá, že v podstatě 'foto' lze oříznout, ale 'produkt' nikoliv - tam případný 'whitespace' prostě musí být (i když pokud možno minimální) …

ořez 'whitespace' na zdrojovém obrázku, tím se velice často změní velikost samotného obrázku a tím i rozhodování původního algortimu o tom, zda-li provést 'resize' či 'crop'

byl-li proveden ořez 'whitespace', tak se v drtivé většině nejedná o 'foto', ale o 'produkt' … čili první omezení na 'crop' - byl-li 'whitespace', tak použijme raději 'resize'

po tomto to už zlepšilo cca 2/3 (jen odhaduji) špatných zpracování obrázků:

konvička a běžky jsou celé (po oříznutí 'whitespace' změna z 'crop' na 'resize' - dle výše uvedeného) a houbičky jsou větší (zde pomohlo jen oříznutí 'ws') (vlevo je originál, vpravo naše zpracovaná verze v jedné z mnoha velikostí)

Bohužel to nespravilo obrázky produktů, které jsou už na zdroji zcela oříznuty a prázdná místa vyplněna pozadím, např. některé televize:

zcela oříznutá televize a přesto je na bílem pozadí - oko vidí, čili není to klasické foto

(vlevo je originál, vpravo naše zpracovaná verze v jedné z mnoha velikostí - ostatní rozměry zobrazení jsou na tom ještě hůře, toto je ten 'lepší rozměr')

proto chtělo ještě detekovat pozadí produktu (televize ;-) ), aby algoritmus poznal, že to není klasické foto

Nabízí se detekovat souvislé plochy od kraje obrázku a dle toho upravit rozhodnutí algoritmu … očekávaný problém byly fotky pobytů v zimě na horách (prostě oblasti fotek, kde bude sníh). Toto problém kupodivu nebyl, stačilo jen upravit parametry funkce detekující tyto oblasti. Naopak problém se objevil u fotek, kde bylo nebe - opět pobyty !!

Vyřešil jsem velice jednoduše (teda po shlédnutí mraky fotek nabídek), produkty s tímto pozadím měly to umělé pozadí vždycky dole !, tudíž stačí detekovat souvislé plochy pozadí od spodního okraje.

(ukázka volby parametrů pro detekci umělého pozadí - pravý sloupec je výsledek, konečné nejpřísnější parametry a volba jen spodního 'whitespace' … největší problém nebyl sníh u obr. 1 a 5, ale nebe u obr. 2, kvůli tomu se musí detekovat jen spodní plochy)

Výsledek:

(vlevo originál - který je oříznut už od zdroje, vpravo naše zpracovaná verze se správně detekovanou a použitou metodou 'resize')

Závěr:

V podstatě je vše zcela jednoduché, šlo jen o to, aspoň trochu rozpoznat klasickou fotku od umělé fotky produktu s pozadím … ovšem převést tuto jednoduchou, pro oko člověka, samozřejmou věc do programu bylo horší - velice špatně se počítač učí těm nejjednodušším věcem ;-)

PS:

samozřejmě toto zdaleka neřeší vše, ale hodně se to zlepšilo … zatím implementujeme na hlavních (prvních obrázcích) … ostatní bohužel ještě musí počkat ...

Použité zkratky:

resize … metoda zpracování obrázku - zmenšení/zvětšení při zachování poměru šířky/výšky obrázku

crop … oříznutí obrázku na lepší rozměr (je nejprve zvětšeno, je-li třeba na menší rozměr)