Du vet om responsive bilder. Det handler om bildesyntaks i HTML. Hvis du gir den riktig informasjon i riktig syntaks, kan du få nettleseren til å laste ned akkurat det riktige bildet den trenger, uten å gi den for mye eller for lite bildedata. Det er fantastisk for ytelse.
Du vet at for å få mest mulig ut av responsive bilder, bør du fylle det med Picturefill. Du laster den ned, du inkluderer den på siden din.
Du har en plan. Du vet hva du vil at siden din skal ha ved bestemte brytpunkter for mediespørsmål. Du har alt gjort narr av i Sketch eller Photoshop.
Du vet hvordan syntaksen for responsive bilder er. Du trenger noe som syntaks for srcset / størrelser for å beskrive situasjonen din.
![Sunset]()
Denne screencasten handler om alt det. Det handler om å knytte det hele sammen. Det handler om å koble designflyten og programvaren som brukes der med frontend-arbeidsflyten og syntaksen som brukes der. Du må vite hvordan du skal sende ut bildene i formatene og størrelsene du trenger. Du må vite når du får kvalitetsutgang og når du ikke får det. Du må vite hvordan du måler disse bildene og bruker de riktige tallene der. Du må vite hvordan du kobler layoutvalg og mediespørsmål med disse tallene. Det er alt her inne.
Se pennedemonstrasjonen for Screencast om å få tallene for responsive bilder av Chris Coyier (@chriscoyier) på CodePen.