Tối ưu tin đăng
Cách nén ảnh sản phẩm mà không mất chất lượng
· 4 min read
Hãy đổi kích thước ảnh sản phẩm về đúng số pixel mà nó thực sự hiển thị, rồi xuất sang WebP hoặc AVIF, thường nhẹ hơn JPEG từ 25 đến 50 phần trăm ở cùng chất lượng hình ảnh. Nhắm tới khoảng 100 đến 300KB cho mỗi ảnh tùy vai trò trên trang. Tiêu chí Largest Contentful Paint của Google coi trang là chậm khi vượt quá 2,5 giây, và một ảnh chính quá nặng thường là tài nguyên duy nhất khiến trang trượt mốc này.
Làm việc này với RorlAIProduct: Clean studio backdrop for anything boxed or bottled.Vì sao dung lượng tệp là vấn đề chuyển đổi chứ không chỉ là tốc độ tải
Largest Contentful Paint đo thời gian để phần tử lớn nhất nhìn thấy được trên trang hiển thị xong. Theo ngưỡng của chính Google, dưới 2,5 giây là tốt, từ 2,5 đến 4 giây cần cải thiện, và trên 4 giây là kém. Trên trang sản phẩm, phần tử lớn nhất nhìn thấy được hầu như luôn là ảnh chính. Nghĩa là một tệp ảnh quá lớn có thể tự quyết định trang sản phẩm của bạn đạt hay trượt tiêu chí, bất kể phần còn lại của trang tải nhanh đến đâu.
Đây không phải là một bài tập chấm điểm trừu tượng. Ảnh chính tải chậm là điều đầu tiên người mua trải nghiệm trên tin đăng của bạn, trước khi họ đọc một chữ mô tả hay thấy giá.
Một ngân sách dung lượng thực tế
| Vai trò của ảnh | Mục tiêu hợp lý |
|---|---|
| Ảnh chính, có thể phóng to | 150 đến 300KB |
| Ảnh phụ trong thư viện hoặc ảnh thu nhỏ | 60 đến 120KB |
| Ảnh chính trên di động, ở màn hình đầu | dưới khoảng 150 đến 200KB |
Đây là các mục tiêu làm việc tổng hợp từ hướng dẫn tối ưu ảnh hiện nay, không phải thông số chính thức của một nền tảng nào, và sẽ thay đổi đôi chút theo độ phức tạp của ảnh. Một sản phẩm đơn giản trên nền trắng nén được nhiều hơn một cảnh rối mắt trước khi mất chất lượng lộ rõ. Vì vậy hãy coi bảng là mức trần, không phải quy tắc phải đạt chính xác.
Thứ tự thao tác thực sự tiết kiệm byte
- 1Đổi kích thước trước khi nénMáy ảnh hoặc công cụ tạo ảnh thường xuất ra chiều rộng 3000 đến 4000 pixel. Nếu ảnh hiển thị trong khung 1200 pixel trên trang của bạn, hãy đổi kích thước về xấp xỉ chiều rộng đó trước. Nén một ảnh quá lớn vẫn là gửi đi một ảnh quá lớn, chỉ nhỏ hơn một chút.
- 2Xuất sang WebP khi nền tảng của bạn hỗ trợWebP thường nhẹ hơn JPEG từ 25 đến 35 phần trăm ở cùng chất lượng hình ảnh, và AVIF còn có thể nhẹ hơn nữa. Hầu hết nền tảng thương mại điện tử và trình duyệt hiện nay đều hỗ trợ WebP; hãy kiểm tra xem nền tảng của bạn tự cung cấp định dạng này hay cần tải tệp lên trực tiếp ở định dạng đó.
- 3Đặt chất lượng JPEG quanh mức 70 đến 85 khi không dùng được WebPCài đặt xuất mặc định của phần mềm chỉnh sửa thường cao không cần thiết. Mức chất lượng trong khoảng này gần như không phân biệt được với bản gốc ở phần lớn ảnh sản phẩm và nhẹ hơn hẳn so với xuất ở 100 phần trăm.
- 4Xóa siêu dữ liệu nhúng trong ảnhThông số máy ảnh, hồ sơ màu vượt quá nhu cầu của trang và dữ liệu GPS mà một số điện thoại nhúng vào đều làm tệp nặng thêm mà người mua không bao giờ thấy. Hầu hết công cụ nén tự xóa các thông tin này; hãy xác nhận công cụ của bạn cũng vậy.
Điểm khác biệt quan trọng nhất:
- Nén không mất dữ liệu giữ nguyên từng pixel như lúc chụp và hầu như không làm ảnh chụp nhỏ đi. Cách này hợp với đồ họa có mảng màu phẳng và cạnh sắc nét, không hợp với ảnh chụp
- Nén có mất dữ liệu loại bỏ những thông tin mắt người khó nhận ra, và đó là nơi tiết kiệm thật sự đối với ảnh chụp
- Một bộ mã hóa hiện đại cài đặt đúng sẽ dừng ở mức thấp hơn nhiều so với điểm người mua nhận ra khác biệt, và rất lâu trước khi đạt tới điểm mà chính bạn nhận ra
Ảnh tạo bằng công cụ hoặc đã chỉnh sửa thì sao
Một ảnh tạo ra từ bất kỳ công cụ chỉnh sửa hay tạo ảnh nào vẫn cần bước đổi kích thước và nén giống ảnh chụp thẳng từ máy ảnh. Các công cụ này thường xuất ở độ phân giải đầy đủ theo mặc định, và bản xuất độ phân giải đầy đủ có cùng vấn đề về dung lượng, dù các pixel đến từ cảm biến hay từ một mô hình. Hãy coi nó là tệp thô đang chờ cùng một ngân sách, không phải tài sản đã hoàn thiện.
Common questions
- Nén ảnh sản phẩm có làm chúng trông tệ hơn không?
- Không, nếu cài đặt hợp lý. Nén có mất dữ liệu trong các khoảng nêu ở đây được điều chỉnh để bỏ những chi tiết mắt người không nhận ra, nên một ảnh nén đúng cách trông giống hệt ở kích thước xem thông thường mà tải chỉ trong một phần nhỏ thời gian.
- Nên dùng WebP hay giữ JPEG?
- Hãy dùng WebP nếu nền tảng cửa hàng của bạn hỗ trợ, vì nó thường nhẹ hơn JPEG từ 25 đến 35 phần trăm ở cùng chất lượng. Chỉ quay lại JPEG được tinh chỉnh tốt khi nền tảng hoặc giao diện của bạn không tự cung cấp WebP.
- Tôi có cần kích thước ảnh riêng cho di động và máy tính không?
- Lý tưởng là có. Người mua trên di động xem ảnh trong không gian nhỏ hơn nhiều so với trên máy tính, nên cung cấp tệp nhỏ hơn cho di động tiết kiệm thời gian tải thật sự mà không làm giảm chất lượng nhìn thấy trên màn hình đó.
- Dung lượng ảnh có thật sự ảnh hưởng doanh số hay chỉ ảnh hưởng điểm tốc độ?
- Tốc độ trang và chuyển đổi gắn chặt với nhau đến mức hầu hết nền tảng thương mại điện tử hiện coi đó là yếu tố xếp hạng và chuyển đổi, chứ không chỉ là một chỉ số thử nghiệm. Một ảnh chính tự đẩy trang vượt ngưỡng 2,5 giây của Largest Contentful Paint là sự chậm đi thật, đo được, mà người mua cảm nhận, không phải một con số trừu tượng.