Gửi đúng
ứng viên hình ảnh.
Một thao tác riêng tư, chỉ trong trình duyệt để xem siêu dữ liệu cơ bản của ảnh cùng các câu hỏi về phân phối. Nó không tải lên, lưu trữ, tối ưu hóa hay kiểm tra tệp ngoài siêu dữ liệu và kích thước cục bộ.
SỬ DỤNG ĐỂ: Dùng để chuẩn bị thảo luận về vị trí ảnh, các tùy chọn responsive, văn bản thay thế cho khả năng truy cập, và các đánh đổi khi phân phối.
Kiểm tra điểm khởi đầu.
Chọn một ảnh cục bộ để xem siêu dữ liệu cơ bản và kích thước do trình duyệt báo. SIU không tải lên, gửi, lưu trữ, tối ưu hóa hay lưu giữ tệp được chọn.
CHỌN ẢNH CỤC BỘ — Chưa chọn ảnh. Không có gì được tải lên hay lưu trữ.
Không có gì rời khỏi đây.
Ảnh được chọn sẽ hiển thị tên, MIME type do trình duyệt báo, kích thước byte, thời gian sửa cuối, và kích thước có thể giải mã cục bộ.
Không có xem trước được tạo. Chỉ chọn ảnh nếu siêu dữ liệu cục bộ hữu ích cho việc rà soát của bạn.
Thực hiện bước đã biết tiếp theo.
- Chọn một ảnh cục bộ. Trình duyệt đọc tên, MIME type, kích thước byte, dấu thời gian sửa cuối, và—nếu có thể giải mã—kích thước pixel chỉ trong bộ nhớ.
- Đối chiếu các kích thước với chiều rộng hiển thị dự kiến và mật độ thiết bị; rồi quyết định liệu trang có cần nhiều ứng viên ảnh hoặc chỉ đạo nghệ thuật.
- Xem xét ngữ cảnh markup: văn bản thay thế có ý nghĩa, khai báo kích thước khi thích hợp, lựa chọn nguồn responsive, và ưu tiên tải là các quyết định riêng biệt.
- Giữ nguồn tài sản gốc theo quy trình tài sản và cấp phép đã thiết lập của nhóm. Trang này không tạo tệp phái sinh.
Kiểm tra trang đã render ở các điểm ngắt dự kiến bằng trình duyệt và công cụ hiệu năng được nhóm phê duyệt.
Xác nhận văn bản thay thế ảnh và markup responsive thực tế trong rà soát mã.
Đo lường phân phối trong môi trường thực trước khi khẳng định có cải thiện.
Ghi chú nguồn, không phải là sự chắc chắn vay mượn.
Cơ sở lập kế hoạch: hướng dẫn về ảnh đáp ứng của web.dev và tài liệu MDN File API
- web.dev — Responsive images ↗web.dev giải thích rằng dung lượng ảnh có thể đáng kể và mô tả các ứng viên responsive, srcset, sizes, và picture cho các trường hợp sử dụng phù hợp.
- MDN — Using files from web applications ↗MDN ghi nhận các đối tượng File do người dùng chọn và siêu dữ liệu tên, loại và kích thước có sẵn cục bộ.
Người soạn: Bản thảo biên tập SIU Enablement; hướng dẫn vận hành giới hạn theo nguồn. Được xem xét bởi: Những người chịu trách nhiệm về thiết kế, khả năng truy cập, hiệu năng và quyền sẽ rà soát ảnh trong bối cảnh phân phối của họ. Xác nhận lại: Xác thực lại khi vị trí, quy tắc responsive, nguồn tài sản, hoặc nhà cung cấp phân phối thay đổi.