Giữ chi tiết. Bớt chờ đợi.
Khách muốn nhìn rõ chất vải, không cần tải tệp gốc từ máy ảnh. Chúng tôi điều chỉnh kích thước, định dạng và cách tải theo công dụng của từng ảnh.
Một bức ảnh. Hai nhiệm vụ khác nhau.
Ảnh nhỏ trong danh sách sản phẩm giúp khách nhận ra hình dáng và màu ghế. Ảnh cận cảnh phải thể hiện được thớ vải và đường may. Dùng cùng một tệp lớn cho cả hai sẽ tốn dữ liệu; thu nhỏ cả hai lại làm mất chi tiết cần thiết.
Chuẩn bị kích thước phù hợp cho danh sách và trang sản phẩm. Giữ tệp lớn hơn cho chức năng phóng to thực sự. Kiểm tra từng bản ở đúng kích thước khách sẽ thấy: mức nén phù hợp với ảnh thu nhỏ có thể làm mờ vải trong ảnh cận cảnh.
Điều chỉnh tệp, kích thước và thời điểm tải.
Bắt đầu bằng một trang tải chậm trên điện thoại. Xác định ảnh khách cần xem đầu tiên, rồi kiểm tra ba điểm sau.
Chọn định dạng dựa trên kết quả
So sánh các định dạng ở cùng kích thước hiển thị. Chỉ chọn tệp nhỏ hơn khi đường nét, kết cấu và màu sắc vẫn đúng trong các trình duyệt khách sử dụng.
Cung cấp kích thước phù hợp cho trình duyệt
Ảnh hiển thị rộng 400 pixel CSS có thể cần tệp rộng 800 pixel trên màn hình mật độ điểm ảnh gấp đôi. Cung cấp các phiên bản ảnh và kích thước hiển thị chính xác để trình duyệt lựa chọn. Cách trình duyệt chọn ảnh thích ứng.
Tải ảnh quan trọng trước
Cho ảnh chính xuất hiện ngay khi mở trang được tải sớm. Hoãn ảnh phía dưới và dành sẵn chỗ để giá cùng nút mua không bị xê dịch khi ảnh hiện ra. Hướng dẫn tải hình ảnh.
Tệp nhỏ hơn mới là một nửa việc kiểm tra.
So sánh cùng trang, cùng chiều rộng hiển thị và cùng điều kiện thử nghiệm trước và sau thay đổi. Kiểm tra nội dung thực sự đến với khách, không chỉ tệp trong thư viện media.
Tệp nào đã được tải?
Ghi lại tệp ảnh và số byte thực sự tải xuống. Tệp đã tối ưu không có tác dụng nếu trang vẫn gửi bản gốc cũ.
Còn giữ được chi tiết nào?
So sánh cùng vùng cắt ở cùng kích thước. Với chiếc ghế, kiểm tra riêng chất vải, đường may và màu ở danh sách, ảnh đầy đủ và chế độ phóng to.
Điều gì xảy ra khi tải?
Kiểm tra thời điểm ảnh chính xuất hiện và xem giá hoặc nút mua có bị dịch chuyển không. Lặp lại trong cùng điều kiện trước khi đánh giá mức cải thiện.
Chỉ cần gửi một tệp lớn? Dùng Devenia Send.
Cho khách thấy rõ mà không phải chờ lâu.
Gửi một trang tải chậm, thiết bị gặp vấn đề và các chi tiết khách cần nhìn rõ. Cho biết lỗi nằm ở ảnh đầu tiên, thư viện ảnh hay chế độ phóng to.