Tiedät herkistä kuvista. Kyse on HTML-kuvan syntaksista. Jos annat sille oikeat tiedot oikeassa syntaksissa, saat selaimen lataamaan juuri oikean tarvitsemansa kuvan antamatta sille liian paljon tai liian vähän kuvatietoja. Se on upea suorituskyky.
Tiedät, että saadaksesi parhaan hyödyn reagoivista kuvista, sinun tulee täyttää se Picturefillillä. Lataat sen, sisällytät sen sivullesi.
Sinulla on suunnitelma. Tiedät mistä haluat sivusi pitävän tietyissä mediakyselyjen katkaisupisteissä. Kaikki on pilkattu Sketchissä tai Photoshopissa.
Tiedät millainen syntaksin reagoiville kuville on. Tarvitset jotain srcset / koko-syntaksin kaltaista kuvaamaan tilannettasi.
![Sunset]()
Tämä kuvaruutu koskee kaikkea muuta. Kyse on kaiken sitomisesta. Kyse on suunnittelutyönkulun ja siellä käytetyn ohjelmiston yhdistämisestä käyttöliittymän työnkulun ja siellä käytetyn syntaksin kanssa. Sinun on tiedettävä, miten kuvat tulostetaan haluamissasi muodoissa ja kooissa. Sinun on tiedettävä, milloin saat laadukkaita tuloksia ja milloin et. Sinun on osattava mitata nuo kuvat ja käyttää oikeita numeroita missä. Sinun on tiedettävä, miten yhdistät asetteluvaihtoehdot ja mediakyselyt näihin numeroihin. Kaikki on täällä.
Katso Chris Coyierin (@chriscoyier) CodePen-sovelluksen kynän esittely Screencast on reagoivien kuvien lukumäärän saamiseksi.