Älykäs kuvapalvelu

Rajaus, joka huomaa
olennaisen.

Sama valokuva päätyy leveään nostoon, neliönmuotoiseen korttiin ja kapeaan pystynostoon. Richien CDN:ään kuuluva kuvapalvelu tekee tarvittavat versiot ilman lisämaksua. Ensin sen on ratkaistava, mikä osa kuvasta rajaukseen kannattaa jättää.

Jutellaan kuvista

Vene on sivussa.
Rajaus seuraa sitä.

Alla olevan kuvan vene on oikealla, ympärillään vettä ja sumua. Kun kuva rajataan kapeammaksi, rajauksen paikka ratkaisee, paljonko veneestä jää näkyviin.

Kuvapalvelun malli ennustaa, mihin katse kuvassa hakeutuu. Se on opetettu katseenseurantatutkimusten aineistolla, joka kertoo koehenkilöiden katseen kohteista. Arvio perustuu kuvan herättämään huomioon, joten kohteen ei tarvitse olla esimerkiksi kasvot.

Tässä mallin huomio kohdistuu veneeseen. Huomiokartan perusteella valitaan rajauspiste, jota kaikki kolme kuvasuhdetta käyttävät. Kokeile vaihtaa alkuperäisen kuvan ja huomiokartan välillä.

Tyhjä puuvene kuvan oikealla puolella sumuisella joella.

Huomio kohdistuu veneeseen.

Mallin ennuste näkyy vaaleina alueina veneen ympärillä. Tämän arvion perusteella rajauspiste asettuu kuvan oikealle puolelle.

Alla kuvasuhde muuttuu, mutta vene pysyy mukana. Kaikissa rajauksissa on sama mallin valitsema piste.

Leveä nosto: kuva rajattuna mallin valitseman rajauspisteen mukaan.
Leveä nosto
Neliö: kuva rajattuna mallin valitseman rajauspisteen mukaan.
Neliö
Pystynosto: kuva rajattuna mallin valitseman rajauspisteen mukaan.
Pystynosto
Tästä valokuvasta laskettu huomiokartta ohjaa rajauspisteen valintaa. Kaikki kolme rajausta perustuvat samaan pisteeseen. Kuva: Jose Aragones / Unsplash.

Toimitus voi valita toisin.

Malli arvioi kuvan visuaalista huomiota, mutta jutun kannalta tärkein kohta voi olla muualla. Siksi toimituksen määrittämä rajauspiste menee aina mallin valinnan edelle. Samaa pistettä voidaan käyttää eri kuvaversioissa.

Sopiva kuvaversio
suoraan CDN-osoitteesta.

Kun rajauksen paikka on tiedossa, tarvitaan vielä näkymän mitat. Leveä nosto ja pieni kortti pyytävät palvelulta erilaisen version samasta alkuperäisestä kuvasta.

Kuvapalvelu on osa Richien sisällönjakeluverkkoa. Mihin tahansa CDN:n kautta tehtävään kuvapyyntöön voi lisätä skaalausparametrit suoraan osoitteen perään. Kuvan koon muuttamisesta ei veloiteta erikseen.

Parametreilla kerrotaan halutut mitat ja rajaustapa. Palvelu voi huomioida myös näytön pikselitiheyden: samankokoinen kuva tarvitsee tarkalla näytöllä enemmän kuvapisteitä.

Rajataanko vai näytetäänkö kaikki?

Rajaus täyttää kuvalle varatun alueen valitun pisteen ympäriltä. Jos koko kuvan pitää näkyä, se voidaan sovittaa annettuihin mittoihin rajaamatta. Liian pienen alkuperäiskuvan suurentaminen voidaan estää.

Tiedosto valitaan käyttökohteeseen.

Versio voidaan tuottaa JPEG-, PNG- tai WebP-muodossa ja valitulla laadulla. Näin esimerkiksi pieni kortti saa omiin mittoihinsa tehdyn kuvan, eikä sen tarvitse ladata suurta alkuperäistiedostoa.

BlurHash

Kuvan sävyt saapuvat
ennen kuvatiedostoa.

Kun joukko kuvaosoitteita lähetetään huomioanalyysiin, vastauksessa saadaan rajauspisteiden ja muiden kuvatietojen mukana myös BlurHash.

BlurHash on lyhyt merkkijono, joka kuvaa kuvan sävyjä ja niiden sijaintia. Sen voi liittää uutissyötteeseen tai muuhun kuvan metatietoon. Sovellus tai selain piirtää siitä pehmeän esikatselun jo ennen varsinaisen kuvatiedoston latautumista.

Alla on Buranon värikkäistä taloista otetun valokuvan BlurHash ja siitä piirretty esikatselu. Kun kuva latautuu CDN:stä, se korvaa esikatselun samassa tilassa.

Analyysin palauttama BlurHash · 28 merkkiä

LlE|b..6#hbuY8WmngW?EBRQs,s.

Tämä merkkijono kulkee kuvan tietojen mukana. Siitä voidaan piirtää alla näkyvä esikatselu lataamatta erillistä pikkukuvaa.

Esikatselu syötteestä.

Burano-valokuvan BlurHashista piirretty esikatselu: sinistä taivasta ylhäällä, vasemmalla vaaleita ja oikealla lämpimiä talojen sävyjä.

Kuva CDN:stä.

Burano-valokuva latautuneena: värikkäät talot reunustavat kanaalia sinisen taivaan alla.
Esikatselu on piirretty tämän valokuvan BlurHashista. Demon odotusaika on havainnollistava. Kuva: Dorian Mongel / Unsplash.

Seuraava lukija saa valmiin version.

Alkuperäiskuva, analyysin tulos ja tuotetut kuvaversiot säilytetään välimuisteissa. Samaa kuvaa ei tarvitse analysoida ja käsitellä alusta jokaista pyyntöä varten. Julkaisun tarpeiden mukaan versioihin voidaan lisätä vesileima ja kuvapalvelun osoitteet suojata.

Jutellaan kuvista.

Näytämme mielellämme, miten kuvapalvelu rajaa julkaisun omat kuvat eri näkymiin.

Sähköposti

hello@richie.fi

Puhelin

09 4241 4122