Hình ảnh Có định Cỡ Và Co Giãn Trong Các Trang Hiện đại Của ...

Bố trí

Chiều rộng tính bằng điểm ảnh

Cột có độ rộng đầy đủ

1920

Một cột

1204

Hai cột

586 mỗi cột

Ba cột

380 mỗi cột

Cột bên trái một phần ba

380 cho cột bên trái; 792 cho cột bên phải

Cột bên phải một phần ba

792 cho cột bên trái; 380 cho cột bên phải

Một cột

1204 x 677

1204 x 903

Hai cột

586 x 330

586 x 439

Ba cột

380 x 214

380 x 285

Cột bên trái một phần ba

380 x 446 cho cột bên trái; 792 x 446 cho cột bên phải

380 x 594 cho cột bên trái; 792 x 594 cho cột bên phải

Cột bên phải một phần ba

792 x 446 cho cột bên trái; 380 x 446 cho cột bên phải

792 x 594 cho cột bên trái; 380 x 594 cho cột bên phải

Phần web Chính

Các tỷ lệ khung ảnh sau đây cho bố trí Ô và Tầng là:

• Lát xếp: chiều cao của phần web được co giãn để theo tỷ lệ khung ảnh là 8:3 và hình ảnh bên trong thang đo phần web thành tỷ lệ khung ảnh 4:3.

• Lớp: Một lớp riêng lẻ co giãn theo tỷ lệ khung ảnh 8:3 và ảnh bên trong mỗi thang đo tầng với tỷ lệ khung ảnh gần 16:9.

• Trên các thiết bị di động, bố cục Băng chước được sử dụng lúc 16:9.

Đây là ví dụ về một hình ảnh được hiển thị trong bố trí Tầng (trên cùng) và bố trí Ô (dưới cùng):

Phần web nội dung được tô sáng

16:9 là tỷ lệ khung ảnh cho bố trí Carousel, Filmstrip và Grid.

Dưới đây là ví dụ về tỷ lệ khung ảnh 16:9. Hình ảnh đầu tiên hiển thị bố trí Cuộn phim và hình ảnh thứ hai hiển thị bố trí Lưới:

Phần web Hình ảnh

Hình ảnh sẽ bung rộng đến chiều rộng của phần có chứa phần web. 

Dưới đây là ví dụ về một hình ảnh trong phần web Hình ảnh sử dụng tỷ lệ khung ảnh 16:9.

Bạn cũng có tùy chọn thay đổi tỷ lệ khung ảnh hoặc cắt tự do bằng cách sử dụng công cụ chỉnh sửa Ảnh hoặc sử dụng núm điều khiển đổi cỡ để phóng to hoặc thu nhỏ ảnh.

Phần web Bộ sưu tập hình ảnh

Có thể sử dụng các tỷ lệ khung ảnh sau đây trong các bố trí khác nhau:

• Bố trí Gạch và Vòng quay tôn trọng tỷ lệ khung ảnh của tất cả các hình ảnh: 16:9, 1:1, 4:3, v.v. 

• Bố trí Lưới cho phép ba tỷ lệ khung ảnh: chuẩn 1:1, rộng 16:9 và 4:3.

Hình ảnh đầu tiên hiển thị bốtrí Cục trong phần web Bộ sưu tập ảnh (giữ tỷ lệ khung ảnh 16:9 và 1:1). Hình ảnh thứ hai hiển thị bố trí Lưới (sử dụng tỷ lệ khung ảnh 1:1).

Phần web Tin tức

Tùy theo bố trí, hình ảnh trong phần web Tin tức có thể là 4:3, 16:9 hoặc 21:9.

Dưới đây là ví dụ về các hình ảnh trong Câu chuyện hàng đầu và bố cục Carousel:

Vùng tiêu đề trang

Hình ảnh sẽ hiển thị đẹp nhất khi ở chế độ ngang hoặc từ 16:9 trở lên về tỷ lệ khung ảnh và khi có kích cỡ ít nhất là 1 MB. Ngoài ra, hãy đảm bảo đặt tiêu điểm để giữ phần quan trọng nhất của ảnh trong dạng xem, đặc biệt là khi ảnh được sử dụng trong hình thu nhỏ, bố trí tin tức và kết quả tìm kiếm.

Ví dụ (ảnh gốc 16:9) với tiêu điểm được đặt trên loa:

Hình thu nhỏ trang

Hình thu nhỏ trang được hiển thị ở những vị trí như kết quả tìm kiếm, kết quả nội dung được tô sáng, bài đăng tin tức và nhiều nội dung khác. Theo mặc định, hình thu nhỏ đến từ khu vực tiêu đề trang hoặc từ phần web theo thứ tự đầu tiên trên trang (chẳng hạn như trên cùng bên trái của bố trí trang). Bạn có thể ghi đè hình thu nhỏ mặc định và thay đổi hình thu nhỏ của trang. Khi bạn làm như vậy, tốt nhất bạn nên sử dụng hình ảnh có tỷ lệ khung ảnh 16:9.

Ví dụ (ảnh gốc 16:9):

Phần web Liên kết nhanh

Phần web Liên kết nhanh có sáu bố trí khác nhau. Dưới đây là các tỷ lệ khung ảnh được đặt sẵn:

• Nén, Danh sách, Ô: 1:1, 4:3

• Cuộn phim, Lưới, Nút: 16:9

Hình ảnh đầu tiên hiển thị bố trí Thu gọn trongphần web Nối kết nhanh. Hình ảnh thứ hai hiển thị cùng một phần web Liên kết nhanh bằng cách sử dụng bố trí Cuộn phim.

Logo site

Logo lớn hơn có thể không vuông và trong suốt tùy thuộc vào thiết kế được tải lên.

192 x 64 

Định dạng: PNG, JPEG, SVG (SVG không được phép trên các trang web được kết nối nhóm)

Hình thu nhỏ logo site

Hình thu nhỏ logo hình vuông được sử dụng nếu không có logo site nào được tải lên hoặc ở những nơi bắt buộc phải có định dạng hình vuông.

Phần tử này là bắt buộc.

64 x 64 

Định dạng: PNG, JPEG, SVG (SVG không được phép trên các trang web được kết nối nhóm)

Logo site bố trí mở rộng

Bố trí đầu trang mở rộng có độ rộng logo site mở rộng.

300 x 64

Định dạng: JPEG, PNG, SVG

Ảnh nền Bố trí Mở rộng

Một hình nền mới có thể được sử dụng với đầu trang mở rộng.

2560 x 164

Định dạng: JPEG, PNG