# 141: Pridobivanje slik in številk za odzivne slike - CSS-triki

Anonim

Saj veste o odzivnih slikah. Gre za sintakso slike v HTML-ju. Če mu date prave informacije v pravi sintaksi, lahko dobite, da brskalnik prenese ravno tisto pravo sliko, ki jo potrebuje, ne da bi mu dal preveč ali premalo slikovnih podatkov. Fantastično je za nastop.

Veste, da bi kar najbolje izkoristili odzivne slike, jih napolnite z Picturefill. Prenesete ga in vključite na svojo stran.

Imate načrt. Veste, kaj želite, da je vaša stran všeč na določenih mejnih točkah medijskih poizvedb. Vse to ste posmehovali v Sketchu ali Photoshopu.

Veste, kakšna je sintaksa odzivnih slik. Za opis vaše situacije boste potrebovali nekaj takega kot sintaksa srcset / sizes.

Sunset

Ta screencast govori o vseh teh stvareh. Gre za povezovanje vsega skupaj. Gre za povezovanje poteka dela načrtovanja in programske opreme, ki se tam uporablja, s potekom dela in sintakso, ki se tam uporablja. Vedeti morate, kako slike oddajati v oblikah in velikostih, ki jih potrebujete. Vedeti morate, kdaj boste dobili kakovostne rezultate in kdaj ne. Vedeti morate, kako te slike izmeriti in kje uporabiti prave številke. Vedeti morate, kako lahko s temi številkami povežete izbire postavitve in medijske poizvedbe. Vse je tukaj.

Oglejte si predstavitev Pen za Screencast o pridobivanju številk za odzivne slike Chrisa Coyierja (@chriscoyier) na CodePen.