Chúng tôi biết rằng bạn muốn có những hình ảnh đẹp nhất được thể hiện trên trang web của mình. Bài viết này sẽ chỉ cho bạn hướng dẫn về kích thước hình ảnh để hiển thị hoàn hảo trên trang web của bạn.
Trên trang này
Kích thước hình ảnh cho các phần và khối khác nhau
Về chủ đề Be Yours , chúng tôi khuyên bạn nên áp dụng các kích thước hình ảnh cụ thể cho các phần khác nhau như sau:
- Gói sản phẩm : 1000 x 1100 pixel.
- Hình ảnh đặc trưng của bài đăng trên blog :
Bạn có thể chọn hình ảnh có tỷ lệ vuông, rộng hoặc ngang để có cái nhìn đẹp nhất. Kích thước được đề xuất trong những trường hợp này là:
- Hình vuông: tối thiểu 2000 x 2000 pixel
- Phong cảnh: ít nhất 2400 x 1600 pixel
- Rộng: ít nhất 2400 x 1350 pixel
Để đặt hình ảnh nổi bật của bài viết blog, bạn vào Cửa hàng trực tuyến > Bài đăng trên blog trong bảng điều khiển quản trị Shopify. Sau đó bấm vào bài đăng và tìm ô Hình ảnh nổi bật ở cột bên phải để thêm hình ảnh.
Trên trang web của bạn, hình ảnh nổi bật của bài đăng trên blog được hiển thị ở hai vị trí bao gồm hình ảnh thu nhỏ của bài đăng trên trang blog và biểu ngữ trên cùng trên trang bài đăng.
Hình ảnh thu nhỏ của bài viết:
Biểu ngữ hàng đầu của bài viết:
- Bộ sưu tập hình ảnh tiêu biểu :
Kích thước pixel hình ảnh được đề xuất tương tự như hình ảnh nổi bật của bài đăng trên blog.
Để đặt hình ảnh nổi bật của bộ sưu tập, bạn đi tới Sản phẩm > Bộ sưu tập trong bảng điều khiển quản trị Shopify. Sau đó bấm vào bộ sưu tập và tìm hộp Hình ảnh bộ sưu tập ở cột bên phải để thêm hình ảnh.
- So sánh hình ảnh : 1920 x 960 pixel.
- Hình ảnh có lớp phủ văn bản : 1920 x 1280 pixel.
- Hình ảnh xếp lớp có văn bản : 1000 x 1100 pixel.
- Lookbook : 1500 x 750 pixel.
- Hình ảnh quảng cáo trong menu mega (phần Header) :
Kích thước được đề xuất tùy thuộc vào tỷ lệ hình ảnh bạn chọn, chẳng hạn như:
- Hình vuông: tối thiểu 2000 x 2000 pixel
- Chân dung: ít nhất 2000 x 2500 pixel
- Phong cảnh: ít nhất 2400 x 1600 pixel
- Rộng: ít nhất 2400 x 1350 pixel
- Hiển thị banner : 1920 x 1280 pixel.
- Giao diện mua sắm : 1000 x 1000 pixel.
- Trình chiếu : 2048 x 1365 pixel.
Đối với Trình chiếu , chúng tôi thực sự khuyên bạn nên chèn các hình ảnh riêng biệt cho phiên bản máy tính để bàn và thiết bị di động để có hình ảnh thể hiện tốt nhất trên các thiết bị khác nhau.
Trong trường hợp bạn áp dụng cùng một hình ảnh cho cả hai phiên bản, mặc định sẽ cắt từ giữa hình ảnh khi hiển thị trên thiết bị di động. Để tránh làm mất đi những chi tiết quan trọng của hình ảnh và tập trung vào các thiết bị hiển thị khác nhau, bạn có thể áp dụng một trong những cách sau:
- Cố gắng giữ những phần hấp dẫn và phù hợp nhất ở giữa hình ảnh khi thiết kế hoặc chụp ảnh.
- Hoặc, bạn vẫn giữ nguyên hình ảnh gốc khi tải trên máy tính để bàn hoặc thiết bị di động bằng cách chọn tùy chọn Thích ứng với hình ảnh đầu tiên trong Trình chiếu > Chiều cao màn hình hoặc Trình chiếu > Bố cục di động > Danh sách thả xuống chiều cao di động .
- Ảnh ghép tab : 1200 x 1200 pixel.
Kích thước hình ảnh cho sản phẩm
Từ tab Sản phẩm trên bảng điều khiển Quản trị viên Shopify, bạn có thể thêm sản phẩm mới kèm hình ảnh của chúng. Những sản phẩm và hình ảnh này sẽ hiển thị trong các phần liên quan đến sản phẩm trên trang web chủ đề Beyours của bạn như Bộ sưu tập nổi bật , Sản phẩm nổi bật hoặc Sản phẩm được xem gần đây . Trong các phần này, các tùy chọn về tỷ lệ hình ảnh bao gồm Thích ứng với hình ảnh , Vuông , Chân dung , Phong cảnh và Rộng có sẵn để hiển thị hình ảnh sản phẩm mà bạn chọn.
Chúng tôi đề xuất kích thước hình ảnh sản phẩm dựa trên các tỷ lệ hình ảnh này như sau:
- Hình vuông : tối thiểu 2000 x 2000 pixel
- Chân dung : ít nhất 2000 x 2500 pixel
- Phong cảnh : ít nhất 2400 x 1600 pixel
- Rộng : ít nhất 2400 x 1350 pixel
Đó là tất cả các đề xuất của chúng tôi về kích thước hình ảnh tốt nhất được sử dụng trong chủ đề Be Yours .
Điều quan trọng cần lưu ý là bạn nên áp dụng kích thước nhất quán cho hình ảnh trong các khối tương tự trong cùng một phần. Ví dụ: bạn thêm phần Trình chiếu có 4 hình ảnh nên hãy đảm bảo 4 hình ảnh này có cùng kích thước.
Chúng tôi hy vọng bạn thấy bài viết này hữu ích! Nếu bạn có bất kỳ thắc mắc nào về tính năng này, vui lòng liên hệ với nhóm của chúng tôi để được hỗ trợ thêm.
Share:
Trình nghe và trình kích hoạt sự kiện Javascript tùy chỉnh trong Be Yours
Thêm phông chữ tùy chỉnh vào chủ đề Shopify của bạn