Shopify dễ tính về kích thước ảnh hơn một sàn như Amazon — nó vui vẻ hiển thị gần như mọi thứ. Sự linh hoạt đó là một cái bẫy. Tải lên các tệp khổng lồ, không nhất quán và chủ đề của bạn kết xuất một lưới chậm, lệch nhau nơi một số sản phẩm trông sắc còn cái khác trông bị cắt hoặc tí hon. Chỉnh đúng kích thước ngay từ đầu làm cả cửa hàng cảm giác chuyên nghiệp và tải nhanh.
Kích thước và hành vi chủ đề tiến hóa theo thời gian, nên hãy coi những cái này là các khuyến nghị phổ biến, được dùng rộng rãi và xác nhận lại với tài liệu chủ đề hiện tại của bạn.
Kích thước khuyến nghị
| Loại ảnh | Khuyến nghị phổ biến | Tỷ lệ khung hình |
|---|---|---|
| Ảnh sản phẩm | 2048 × 2048 px | 1:1 (vuông) |
| Vuông là an toàn nhất về tổng thể | tối đa 4472 × 4472 px | 1:1 |
| Bộ sưu tập / ảnh thu nhỏ | ~1024 × 1024 px | 1:1 |
| Trình chiếu / banner hero | ~1600 px rộng (hoặc rộng hơn) | 16:9 hoặc theo chủ đề |
| Dung lượng tệp tối đa | 20 MB mỗi ảnh (nhắm thấp hơn nhiều) | — |
Hai điều quan trọng hơn bất kỳ con số đơn lẻ nào.
Chọn một tỷ lệ khung hình và bám theo nó. Chủ đề Shopify trông đẹp nhất khi mọi ảnh sản phẩm chia sẻ cùng hình dạng. Vuông (1:1) là lựa chọn đáng tin nhất vì nó vừa với lưới của gần như mọi chủ đề mà không cắt vụng về. Nếu bạn trộn vuông, dọc và ngang, lưới của bạn sẽ trông lởm chởm.
2048 × 2048 là điểm ngọt cho sản phẩm. Nó đủ sắc cho tính năng phóng to tích hợp của Shopify trên máy tính, thu nhỏ gọn gàng cho ảnh thu nhỏ và di động, và giữ dưới trần dung lượng thoải mái. Lớn hơn thế chủ yếu chỉ thêm trọng lượng.
Chuẩn hóa cả danh mục cùng lúc
Đổi kích thước hàng chục ảnh sản phẩm bằng tay là nơi một buổi chiều biến mất. Đừng làm vậy. Công cụ đổi kích thước ảnh thương mại điện tử có một cỡ định sẵn Shopify xuất ra hình vuông 2048 × 2048 trên nền trắng, với mỗi sản phẩm tự căn giữa và một lề bạn có thể điều chỉnh để không gì chạm mép. Thả một thư mục vào, nhận lại một tệp ZIP — mọi ảnh cùng kích thước, cùng hình dạng, cùng cách đóng khung.
Sự nhất quán đó là thứ làm một lưới Shopify trông được thiết kế thay vì lắp ghép.
Rồi cắt trọng lượng tệp
Kích thước đúng giải quyết bố cục. Trọng lượng tệp giải quyết tốc độ — và tốc độ là tiền trên Shopify, nơi trang chậm âm thầm làm mất chuyển đổi và hại thứ hạng tìm kiếm của bạn.
Một ảnh 2048 px vừa ra khỏi máy ảnh có thể vài megabyte. Đó là nhiều hơn nhiều mức trang cần. Chạy mỗi ảnh qua công cụ nén ảnh: với ảnh chụp, chất lượng 75–85 thường cắt tệp đi 40–70% mà không có khác biệt thấy được; PNG được lượng tử hóa xuống tự động. Công cụ nén không bao giờ trả lại một tệp lớn hơn tệp bạn đưa vào, nên bạn có thể xử lý cả cửa hàng theo lô một cách an toàn.
Thứ tự chạy tốt:
- Đổi kích thước về 2048 × 2048 với cỡ định sẵn Shopify.
- Nén ở chất lượng 75–85 (hoặc để lượng tử hóa PNG chạy).
- Tải lên — cùng hình dạng, tệp nhỏ, lưới nhanh.
WebP, JPG hay PNG?
Shopify tự động phục vụ WebP tới các trình duyệt hỗ trợ nó, nên bạn thường không cần tự chuyển đổi định dạng. Tải lên JPG sạch cho ảnh chụp và PNG chỉ cho đồ họa cần độ trong suốt hoặc chữ sắc. Để nền tảng lo việc phân phối định dạng; việc của bạn là xuất các tệp nguồn đúng kích thước, nén tốt.
Mọi thứ ở lại trên máy của bạn
Cả hai công cụ chạy hoàn toàn trong trình duyệt của bạn bằng Canvas và WebAssembly — không tải lên, không tài khoản, không hình mờ. Ảnh sản phẩm của bạn không bao giờ chạm một máy chủ. Sau lần truy cập đầu các công cụ được lưu đệm và vẫn chạy ngoại tuyến, nên bạn có thể chuẩn bị cả một danh mục trên một chuyến tàu và tải lên khi bạn trở lại trực tuyến.
Vuông hóa nó, chỉnh cỡ về 2048, nén nó, và cửa hàng Shopify của bạn tải nhanh và trông như một cửa hàng mạch lạc thay vì một đống ảnh tải lên bừa bãi.