Du vet om responsiva bilder. Det handlar om bildsyntaxen i HTML. Om du ger den rätt information i rätt syntax kan du få webbläsaren att ladda ner precis exakt rätt bild den behöver, utan att ge den för mycket eller för lite bilddata. Det är fantastiskt för prestanda.
Du vet att för att få ut mesta möjliga av responsiva bilder bör du fylla i dem med Picturefill. Du laddar ner den, du inkluderar den på din sida.
Du har en plan. Du vet vad du vill att din sida ska gilla vid vissa brytpunkter för mediefrågor. Du har allt hånat i Sketch eller Photoshop.
Du vet hur syntaxen för responsiva bilder är. Du behöver något som syntaxen srcset / storlekar för att beskriva din situation.
![Sunset]()
Den här screencast handlar om allt det där. Det handlar om att knyta ihop allt. Det handlar om att koppla ihop designflödet och programvaran som används där med frontend-arbetsflödet och syntaxen som används där. Du måste veta hur du matar ut bilderna i de format och storlekar du behöver. Du måste veta när du får kvalitetsproduktion och när du inte kommer. Du måste veta hur man mäter dessa bilder och använder rätt siffror var. Du måste veta hur du kopplar dina layoutval och mediefrågor med dessa siffror. Det är allt här inne.
Se Pen Demo för Screencast om att få siffrorna för responsiva bilder av Chris Coyier (@chriscoyier) på CodePen.