--- title: "Ảnh sản phẩm WooCommerce trên nền trắng | Herofab" description: "Ảnh điện thoại chụp sản phẩm trở thành ảnh packshot vuông trên nền trắng, đủ lớn cho cỡ ảnh sản phẩm đơn, danh mục và ảnh thu nhỏ của WooCommerce." url: https://herofab.app/vi/tools/product-photos-for-woocommerce language: vi updated: 2026-10-12 --- # Một ảnh packshot, ba cỡ ảnh của WooCommerce. WooCommerce tạo các cỡ hiển thị từ một lần tải lên: ảnh sản phẩm đơn, ảnh danh mục và ảnh thu nhỏ, mỗi loại theo kích thước giao diện đặt ra. Studio nền trắng của Herofab giao riêng sản phẩm trên nền studio trắng từ một ảnh điện thoại, ở 2K hoặc 4K, vượt kích thước tải lên WooCommerce khuyến nghị. [Bắt đầu miễn phí](https://app.herofab.app/login?lang=vi) · [Studio nền trắng](https://herofab.app/vi/tools/packshot-studio) ![Chiếc túi tote da nâu đặt riêng trên nền studio trắng, góc chính diện](https://herofab.app/img/ex/tote-packshot-1100.webp) Tạo bằng Herofab · Studio nền trắng ## Giao diện làm gì với một ảnh sản phẩm. 1. ### Ba cỡ từ một lần tải lên WooCommerce làm việc với ba loại ảnh: ảnh sản phẩm đơn, ảnh danh mục trong các vòng lặp sản phẩm như trang cửa hàng, và ảnh thu nhỏ sản phẩm. Tất cả đều được tạo từ tệp tải lên. WooCommerce khuyến nghị một kích thước tải lên tối thiểu và ưu tiên ảnh lớn hơn để thể hiện chi tiết nhỏ. Đầu ra 2K và 4K của Herofab vượt kích thước đó ở mọi tỷ lệ khung hình. 2. ### Hình vuông cho kiểu cắt danh mục Ảnh thu nhỏ danh mục có thể được cắt vuông, cắt theo tỷ lệ tùy chỉnh hoặc để nguyên không cắt, và ảnh không cắt có thể hiện ra với kích thước không đều. Ảnh packshot vuông khớp với thiết lập vuông mà không cắt vào sản phẩm. Mỗi ảnh packshot thể hiện sản phẩm một lần, ở giữa và chiếm phần lớn khung hình, nên các món trên trang cửa hàng hiện ra ở cùng một tỷ lệ kích cỡ. 3. ### Phóng to, màn hình retina và tạo lại ảnh thu nhỏ Trong giao diện Storefront, ảnh sản phẩm đơn lớn nhất có kích thước mà hiệu ứng phóng to của giao diện đòi hỏi, và với màn hình retina, WooCommerce khuyên đặt ảnh thu nhỏ gấp đôi kích thước giao diện hiển thị. Một tệp tải lên lớn để lại dư địa cho cả hai. Khi kích hoạt giao diện mới hoặc thay đổi kích thước ảnh, các ảnh thu nhỏ hiện có cần được tạo lại. ## Những gì WooCommerce yêu cầu. Nguồn: [WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images](https://woocommerce.com/document/adding-product-images-and-galleries/). Kiểm tra ngày 11 tháng 10, 2026. - **Khuyến nghị:** Tải lên ảnh tối thiểu 800 × 800 pixel; ảnh lớn hơn phù hợp hơn với sản phẩm có chi tiết tinh xảo - **Loại hình ảnh:** Ba loại: ảnh sản phẩm đơn, ảnh danh mục trong các vòng lặp sản phẩm như trang cửa hàng, và ảnh thu nhỏ sản phẩm - **Đổi kích thước:** WooCommerce tạo các kích thước hiển thị từ ảnh tải lên; ở giao diện cổ điển, ảnh sản phẩm đơn mặc định rộng 600 pixel, ảnh thu nhỏ danh mục rộng 300 pixel và ảnh thu nhỏ thư viện là 100 × 100 pixel - **Cắt ảnh:** Ảnh thu nhỏ danh mục có thể đặt ở 1:1, ở tỷ lệ tùy chỉnh hoặc không cắt; ảnh không cắt có thể hiển thị với kích thước không đều - **Giao diện Storefront:** Ở giao diện Storefront, ảnh sản phẩm đơn lớn nhất là 800 × 800 pixel, kích thước mà hiệu ứng phóng to của giao diện này yêu cầu - **Retina:** Để ảnh sắc nét trên màn hình retina, hãy đặt ảnh thu nhỏ gấp đôi kích thước mà giao diện hiển thị - **Thay đổi:** Sau khi kích hoạt giao diện mới hoặc thay đổi cài đặt kích thước ảnh, cần tạo lại các ảnh thu nhỏ đã tạo trước đó [Yêu cầu ảnh sản phẩm WooCommerce](https://herofab.app/vi/guides/woocommerce-product-image-size) · [Kiểm tra ảnh của bạn — miễn phí](https://herofab.app/vi/tools/image-size-checker) ## Ảnh điện thoại cho một ảnh packshot WooCommerce. - Đặt sản phẩm ở tư thế gọn, quai dựng thẳng, dây điện hoặc dây đeo thu sát lại, để sản phẩm lấp đầy hình vuông mà không để các góc trống rộng. - Cái bàn, bàn tay, chiếc hộp hay thẻ giá có thể vẫn nằm trong ảnh, vì công cụ được chỉ dẫn chỉ dùng sản phẩm; điều quan trọng là không thứ nào trong số đó che mất một phần sản phẩm. - Chạm để lấy nét vào nhãn hoặc đường may mảnh nhất trước khi bấm chụp; tính năng phóng to của giao diện phóng lớn ảnh sản phẩm đơn, và độ mềm nét của ảnh gốc lộ ra ở đó trước tiên. ## Giải đáp về Ảnh sản phẩm cho WooCommerce. **Cửa hàng WooCommerce có cần một tệp riêng cho từng cỡ ảnh không?** Không. WooCommerce tạo ảnh sản phẩm đơn, ảnh danh mục và ảnh thu nhỏ của thư viện ảnh từ một lần tải lên, theo kích thước giao diện đặt ra. Điều tệp tải lên phải mang lại là đủ điểm ảnh: WooCommerce khuyến nghị một mức tối thiểu và ưu tiên ảnh lớn hơn để thể hiện chi tiết nhỏ. Ảnh packshot được giao ở 2K, hoặc 4K theo tùy chọn, và cả hai đều vượt khuyến nghị đó. **Vì sao ảnh danh mục hiện ra với kích thước không đều?** WooCommerce cho phép để ảnh thu nhỏ danh mục không cắt, và khi đó các ảnh không cắt có hình dạng khác nhau có thể hiện ra với kích thước không đều. Hai điều giải quyết việc này: một thiết lập cắt, vuông hoặc theo tỷ lệ tùy chỉnh, và các tệp tải lên vốn đã chung một hình dạng. Ảnh packshot đặt ở dạng vuông cho mọi sản phẩm khớp với thiết lập vuông mà không cần chỉnh gì. Nếu thiết lập được đổi về sau, ảnh thu nhỏ cần được tạo lại. **Ảnh packshot có thể có bóng đổ hoặc mặt nền khác màu trắng không?** Cả hai đều là thiết lập. Studio nền trắng đưa ra bóng tiếp xúc mềm, không bóng hoặc phản chiếu, và ngoài studio trắng, có thể đặt sản phẩm trên nền xám hoặc be, trên đá cẩm thạch, gỗ hoặc vải lanh, trên bục trưng bày, ngoài trời, trong không gian gia đình hoặc trên ảnh của riêng cửa hàng. Các quy định của WooCommerce nêu trên trang này liên quan đến kích thước và việc cắt ảnh, không quy định phông nền, nên lựa chọn thuộc về cửa hàng. **Chi phí là bao nhiêu?** 4 credit mỗi ảnh, cộng thêm một credit cho 4K. Chi phí được hiển thị trước khi tạo ảnh, và nếu tác vụ thất bại, credit sẽ được hoàn lại. 20 credit miễn phí khi đăng ký đủ để tạo 5 ảnh với công cụ này. [Studio nền trắng](https://herofab.app/vi/tools/packshot-studio) · [Studio sản phẩm](https://herofab.app/vi/tools/product-photography) · [Ảnh chính](https://herofab.app/vi/glossary/main-image) · [Nền trắng tinh](https://herofab.app/vi/glossary/pure-white-background) · [Ảnh packshot](https://herofab.app/vi/glossary/packshot) Ví dụ theo sản phẩm [Ảnh sản phẩm cho Ecwid](https://herofab.app/vi/tools/product-photos-for-ecwid) · [Ảnh sản phẩm cho Etsy](https://herofab.app/vi/tools/product-photos-for-etsy) · [Ảnh sản phẩm cho Shopify](https://herofab.app/vi/tools/product-photos-for-shopify) · [Ảnh sản phẩm cho Faire](https://herofab.app/vi/tools/product-photos-for-faire) · [Ảnh sản phẩm cho Squarespace](https://herofab.app/vi/tools/product-photos-for-squarespace) · [Ảnh sản phẩm cho Wix](https://herofab.app/vi/tools/product-photos-for-wix) · [Ảnh sản phẩm cho ABOUT YOU](https://herofab.app/vi/tools/product-photos-for-about-you) · [Ảnh sản phẩm cho Trendyol](https://herofab.app/vi/tools/product-photos-for-trendyol)