Bạn biết về hình ảnh đáp ứng. Đó là về cú pháp hình ảnh trong HTML. Nếu bạn cung cấp đúng thông tin theo đúng cú pháp, bạn có thể yêu cầu trình duyệt tải xuống chính xác hình ảnh cần thiết mà không cung cấp quá nhiều hoặc quá ít dữ liệu hình ảnh. Thật tuyệt vời cho hiệu suất.
Bạn biết rằng để tận dụng tối đa hình ảnh đáp ứng, bạn nên làm đầy nó bằng Picturefill. Bạn tải xuống, bạn đưa nó vào trang của mình.
Bạn có một kế hoạch. Bạn biết những gì bạn muốn trang của mình thích tại các điểm ngắt truy vấn phương tiện nhất định. Bạn có tất cả mọi thứ đã được chế tạo trong Sketch hoặc Photoshop.
Bạn biết cú pháp cho hình ảnh đáp ứng là như thế nào. Bạn sẽ cần một cái gì đó như cú pháp srcset / Size để mô tả tình huống của mình.
![Sunset]()
Screencast này là về tất cả những thứ đó. Đó là về việc buộc tất cả lại với nhau. Đó là về việc kết nối quy trình thiết kế và phần mềm được sử dụng ở đó với quy trình làm việc của giao diện người dùng và cú pháp được sử dụng ở đó. Bạn cần biết cách xuất hình ảnh ở định dạng và kích thước bạn cần. Bạn cần biết khi nào bạn sẽ nhận được đầu ra chất lượng và khi nào thì không. Bạn cần biết cách đo những hình ảnh đó và sử dụng những con số phù hợp ở đâu. Bạn cần biết cách kết nối các lựa chọn bố cục và truy vấn phương tiện của mình với những con số đó. Tất cả đều ở đây.
Xem Pen Demo cho Screencast về Lấy số cho hình ảnh phản hồi của Chris Coyier (@chriscoyier) trên CodePen.