Jūs zināt par atsaucīgiem attēliem. Tas ir par attēlu sintaksi HTML. Ja tai piešķirat pareizo informāciju pareizajā sintaksē, varat panākt, lai pārlūkprogramma lejupielādētu tieši vajadzīgo attēlu, nesniedzot pārāk daudz vai pārāk maz attēlu datu. Tas ir fantastiski sniegumam.
Jūs zināt, ka, lai maksimāli izmantotu reaģējošos attēlus, tie ir jāaizpilda ar Picturefill. Jūs to lejupielādējat, iekļaujat savā lapā.
Jums ir plāns. Jūs zināt, kas jūsu lapai patīk, izmantojot noteiktus multivides vaicājumu pārtraukuma punktus. Jūs to visu esat izsmējis programmā Sketch vai Photoshop.
Jūs zināt, kāda ir atsaucīgu attēlu sintakse. Lai aprakstītu savu situāciju, jums būs nepieciešams kaut kas līdzīgs srcset / lielumu sintaksei.
![Sunset]()
Šī ekrāna pārraide ir par visu šo lietu. Runa ir par to visu sasaistīšanu kopā. Tas ir par dizaina darbplūsmas un tajā izmantotās programmatūras savienošanu kopā ar priekšgala darbplūsmu un tur izmantoto sintaksi. Jums jāzina, kā attēlus izvadīt vajadzīgajos formātos un izmēros. Jums jāzina, kad iegūsiet kvalitatīvu produkciju un kad nē. Jums jāzina, kā izmērīt šos attēlus un kur izmantot pareizos skaitļus. Jums jāzina, kā saistīt izkārtojuma izvēli un multivides vaicājumus ar šiem numuriem. Tas viss ir šeit.
Skatiet Krāsa Koijera (@chriscoyier) vietnē CodePen izmantoto Pen Demo Screencast par atsaucīgo attēlu skaitļu iegūšanu.