Website cho cửa hàng có ảnh đẹp vẫn khó ra đơn khi khách chờ tải hoặc không thấy chi tiết cần xem. Ngày 23/08/2026, chúng tôi kiểm giá chụp nền trắng công khai từ 50.000 đồng mỗi ảnh. Một bộ 40 ảnh đã tương đương 2.000.000 đồng tiền chụp. Tiền ảnh vẫn mất.
Chúng tôi từng rà một trang bán camera Wi-Fi có ảnh rất nét, song bộ nguồn và chân đế lại mất khỏi ảnh đại diện trên điện thoại. Khách thấy thân máy nhưng chưa biết trong hộp có gì. Khách bỏ qua.
Bộ ảnh đẹp có thể thất bại khi lên sai khung
Một tệp ảnh đẹp trên màn hình máy ảnh chưa chắc đứng đúng chỗ trên trang bán hàng. Khung hiển thị quyết định khách thấy trọn món hay chỉ thấy một mảng bị cắt.
Ảnh ngang, dọc và vuông bị cắt khác nhau trên danh mục và điện thoại
Trang danh mục thường dùng khung vuông 1:1 để các thẻ sản phẩm thẳng hàng. Ảnh dọc 4:5 chiếm màn hình điện thoại tốt hơn. Ảnh ngang 16:9 hợp với banner hoặc cảnh lắp đặt. Khung nào cũng có giá.
Khi đưa cùng một ảnh dọc vào cả ba vị trí, hệ thống phải cắt phần trên hoặc hai cạnh để lấp đầy khung, khiến adapter nguồn, chân bắt tường và tem mã dễ biến mất. Với bộ camera Ezviz, khách chỉ thấy mắt camera nên sẽ khó phân biệt bộ đầy đủ với thân máy lẻ. Độ nét không có lỗi.
Shopify gợi ý ảnh sản phẩm vuông 2.048 × 2.048 px, còn WooCommerce khuyến nghị ảnh gốc từ 800 × 800 px để dùng cho ảnh lớn, ảnh danh mục và ảnh thu nhỏ. Kích thước cuối theo giao diện thật.
Trước khi xuất cả bộ, chúng tôi đặt ba ảnh mẫu vào đúng trang danh mục và trang chi tiết. Cách rà tốc độ website của studio cũng hữu ích khi một danh mục chứa nhiều ảnh lớn.
Dung lượng lớn làm trang chậm dù chất lượng hình rất tốt
Máy ảnh 24 megapixel thường tạo tệp 6.000 × 4.000 px. Bản ấy dành cho in. Sáu tệp 5 MB tương đương 30 MB dữ liệu nếu website không sinh bản nhỏ. Quá nặng.
Google đặt ngưỡng LCP tốt ở 2,5 giây cho ít nhất 75% lượt truy cập, tức ảnh hoặc khối nội dung lớn đầu tiên phải hiện ra sớm với phần đông người dùng. PageSpeed Insights chỉ ra đúng phần tử đang giữ vị trí LCP. Bạn có thể xem thêm thông tin về hướng xử lý trang chậm trước khi thay cả bộ hình.
Chúng tôi giữ tệp gốc, rồi xuất bản cho web ở chiều rộng 800 px, 1.600 px và 2.400 px. srcset và sizes chọn bản này.
Website cho cửa hàng cần một nhịp kể bằng hình
Khách không mở album để ngắm ảnh. Họ đang tìm câu trả lời: món gì, có chi tiết nào, dùng ở đâu và mua bản nào. Mỗi ảnh có một việc.
Ảnh đại diện giúp nhận món, ảnh chi tiết giải đáp và ảnh bối cảnh tạo cảm giác dùng
WooCommerce chia hình thành Single Product Image, Catalog Images và Product Thumbnails. Tên nghe kỹ thuật, nhưng ý nghĩa lại rất gần gũi. Một ảnh lớn dùng ở trang chi tiết. Ảnh vừa và nhỏ phục vụ danh mục, giỏ hàng cùng dải ảnh phụ.
Với camera trong nhà, ảnh đầu cần cho thấy trọn thân máy; ảnh sau chụp gần khe thẻ microSD, nút Reset, cổng nguồn; ảnh bối cảnh đặt máy trên kệ cao khoảng 2,2 m. Ba vai trò ấy giải đáp ba nỗi băn khoăn khác nhau. Khách nhận đúng món, kiểm được cổng rồi mới hình dung cách đặt trong phòng.
Đừng đưa năm góc xoay gần giống nhau lên trước, vì khách vuốt nhiều mà chưa thấy mặt sau sẽ nghĩ shop đang giấu chi tiết cần kiểm. Chuỗi ảnh dễ theo dõi thường đi từ toàn cảnh, mặt trước, mặt sau, cổng kết nối đến ảnh lắp thật.
Khi cần tạo nền hoặc dọn vật thừa, chúng tôi vẫn giữ ảnh gốc làm chuẩn. Bạn có thể tham khảo cách MONA AI đưa AI vào khâu hình ảnh, rồi đối chiếu với món hàng thật trước lúc đăng. Công cụ sinh ảnh không được tự đổi số cổng, màu đèn hay chữ trên tem.
Giữ tỷ lệ, ánh sáng và khoảng thở nhất quán giữa các sản phẩm
Trang bán hàng trông chông chênh khi mỗi sản phẩm đứng một kích thước. Chúng tôi thường để vật thể chiếm 80–85% chiều cao khung vuông. Camera nhỏ không còn lọt thỏm.
Nếu chiếc camera trắng ngả xanh ở ảnh đầu rồi chuyển vàng ở ảnh sau, khách sẽ nghi màu hàng nhận được khác với ảnh, dù hai tệp được chụp bằng cùng một máy và cùng phông nền. Một thẻ xám giúp cân bằng trắng. Chúng tôi ghi mốc đèn 5.600 K, vị trí đèn và công suất để buổi chụp bổ sung không lệch cả bộ. Màu phải theo đúng chuẩn.
Tệp web được xuất về sRGB, hệ màu phổ biến trên trình duyệt và màn hình. Adobe Lightroom Classic có Sync Settings để đồng bộ cân bằng trắng; bài về AI trong hậu kỳ multimedia chỉ ra cách giảm thao tác lặp mà vẫn giữ đặc điểm thật.
Từ ảnh sản phẩm đến nút mua phải liền mạch
Ảnh đã trả lời phần nhìn, còn giá và phiên bản giúp khách ra quyết định. Khách phải nhớ được giá và phiên bản trong lúc cuộn.
Đặt giá, biến thể và thông tin quan trọng gần cụm hình
Một camera có bản 2 MP và 3 MP nhìn ngoài gần như giống nhau. Nếu tên phiên bản nằm dưới phần mô tả dài 400 chữ, khách rất dễ chọn nhầm. Giá, độ phân giải cùng lựa chọn thẻ 64 GB hoặc 128 GB cần xuất hiện cạnh dải ảnh. Khoảng cách ấy rất đắt.
Chúng tôi kiểm ở màn hình rộng 390 px: khách phải thấy ảnh chính, giá và ít nhất một lựa chọn mua trong hai lần vuốt từ đầu trang. Khi chọn dung lượng, ảnh phải đổi đúng ngay tại chỗ. Dòng giá cũng phải cập nhật theo phiên bản vừa chọn.
Thông số dài vẫn có chỗ ở dưới. Khi thuê bên làm giao diện, bạn có thể đối chiếu danh sách công ty thiết kế website với tình huống mua thật thay vì chỉ xem ảnh demo.
Phạm vi giao việc phải viết thành thao tác, chẳng hạn chọn bản 3 MP thì ảnh hộp và giá đổi trong dưới một giây, còn nút mua vẫn nằm trong vùng nhìn. Khi trao đổi với đội ngũ MONA Media hoặc đơn vị khác, bạn đưa thẳng tình huống ấy để họ báo đúng việc. Một yêu cầu chung về giao diện đẹp rất khó nghiệm thu.
Kiểm tra thao tác vuốt, phóng to và chọn phiên bản trên màn hình nhỏ
WooCommerce có Image Zoom, Lightbox và thao tác chạm cho thư viện sản phẩm. Image Zoom phóng vùng chi tiết. Lightbox mở ảnh trên nền tối.
Chúng tôi kiểm ba chiều rộng 360 px, 390 px và 412 px trong Device Mode của Chrome DevTools, rồi cầm máy Android thật để vuốt bằng một tay. Trang không được nhảy xuống mô tả. Nút đóng Lightbox phải dễ chạm. Ảnh phóng to cũng không được che lựa chọn phiên bản.
- Vuốt từ ảnh đầu đến ảnh cuối, rồi vuốt ngược lại.
- Phóng to tem thông số và đóng ảnh bằng một tay.
- Chọn từng biến thể, kiểm ảnh, giá cùng trạng thái còn hàng.
- Thêm vào giỏ sau khi đổi phiên bản hai lần.
- Thử lại bằng mạng di động, không riêng Wi-Fi văn phòng.
Một lỗi hay gặp là khách chọn bản 3 MP nhưng giỏ nhận SKU của bản 2 MP. Chúng tôi luôn đọc lại SKU, số lượng và giá; ba phút kiểm còn rẻ hơn xử lý một đơn giao sai.
Chụp theo nơi ảnh sẽ được dùng
Buổi chụp tốt bắt đầu từ danh sách vị trí trên trang bán hàng. Nhiếp ảnh gia biết ảnh dành cho danh mục, banner hay phần chi tiết sẽ chừa đúng khoảng trống. Buổi chụp bắt đầu ở đó.
Lập danh sách kích thước và vai trò ảnh trước buổi chụp
Chúng tôi lập một sheet theo SKU trước ngày chụp. Mỗi dòng ghi vai trò ảnh, tỷ lệ, hướng đặt và chi tiết bắt buộc phải thấy. Người phụ trách web cùng nhiếp ảnh gia duyệt sheet trước ít nhất 24 giờ. Cả hai cùng chốt số lượng ảnh chọn.
Giả sử cửa hàng có 12 mẫu camera, mỗi mẫu cần năm ảnh gồm đại diện, mặt sau, cổng kết nối, phụ kiện và cảnh lắp thật, danh sách sẽ có 60 ảnh chọn. Con số này giúp studio báo giá và tính thời gian hậu kỳ. Nó còn ngăn chuyện chụp xong mới phát hiện thiếu ảnh khe thẻ nhớ.
- Ảnh danh mục: tỷ lệ 1:1, chủ thể ở giữa.
- Ảnh điện thoại: tỷ lệ 4:5, chừa khoảng phía trên.
- Ảnh banner: tỷ lệ 16:9, chủ thể lệch một bên.
- Ảnh chi tiết: đọc được tem khi phóng 100%.
- Tệp gốc: lưu theo SKU, chẳng hạn EZVIZ-C6N-P03.
- Bản web: xuất WebP ở 800 px, 1.600 px và 2.400 px.
Giá chụp nền trắng chúng tôi kiểm ngày 23/08/2026 bắt đầu từ 50.000 đồng mỗi ảnh, nên 60 ảnh có mức dự trù từ 3.000.000 đồng trước phần concept. Báo giá phải ghi số ảnh, vòng sửa và ngày nhận file.
Đo tốc độ, lượt xem ảnh và tỷ lệ thêm giỏ để cải tiến bộ hình sau
PageSpeed Insights có số liệu phòng thí nghiệm và dữ liệu người dùng thật từ Chrome UX Report. Phần dữ liệu thật dùng cửa sổ 28 ngày. Nó không đổi ngay sau một lần nén ảnh.
Google Analytics 4 dùng các sự kiện view_item, select_item và add_to_cart để ghi lần mở sản phẩm, chọn món trong danh sách và bỏ món vào giỏ. Dữ liệu thường bắt đầu hiện sau 24–48 giờ khi gắn thẻ đúng. Chúng tôi thử một đơn nội bộ trước khi chờ báo cáo. Phép đo phải chạy trước.
Chúng tôi so sánh hai khoảng 14 ngày có cùng nguồn truy cập và mức khuyến mại gần nhau, tuần đầu chỉ đổi thứ tự ảnh, vòng kế tiếp mới nén dung lượng để biết thay đổi nào tác động. Đổi nhiều thứ cùng lúc chỉ cho một con số mơ hồ.
Bộ hình bán hàng cần giúp khách nhận đúng món, kiểm đủ chi tiết và đi tới lựa chọn mua mà không phải đoán. Với website cho cửa hàng, hãy sửa một sản phẩm bán nhiều trước rồi mới xử lý cả kho ảnh. Chọn đúng khung, nén đúng bản và gắn phép đo ngay hôm nay.