Các trang văn minh và phần web được thiết kế hoàn toàn đánh giá qua thiết bị, có nghĩa là các hình hình ảnh được sử dụng trong những phần web sẽ có thang tỷ lệ không giống nhau tùy nằm trong vào vị trí chúng được hiển thị, với thiết bị nào được xem. Ví dụ, các trang hiện tại đại có thiết kế để trông hoàn hảo và tuyệt vời nhất trên những thiết bị cầm tay và độ rộng hình ảnh tự hễ giúp tạo thành trải nghiệm hấp dẫn.

Bạn đang xem: Tỷ lệ 16 9 là gì

*

Kích cỡ ảnh hoạt động cực tốt là gì?

Vì thi công trang nhạy, không tồn tại chiều cao hoặc chiều rộng rõ ràng trong những điểm ảnh sẽ bảo đảm an toàn rằng ảnh sẽ bảo trì hình dạng cụ thể trên các thiết bị và ba trí. Hình ảnh được đổi form size và cắt auto để hiển thị tác dụng tốt nhất hoàn toàn có thể vượt qua không ít thiết bị và sắp xếp khác nhau. Mặc dù nhiên, có một số trong những hướng dẫn có thể giúp bạn bảo đảm rằng những hình ảnh của các bạn trông hoàn hảo trên các trang của bạn.

Tìm các form size hình ảnh tốt nhất mang lại trang của người sử dụng phụ nằm trong vào những yếu tố sau đây:

Tỷ lệkhung ảnh: quan hệ giữa độ cao và chiều rộng của hình ảnh

Bố trí cột: kiểu và số cột trên trang của bạn

Bố trí phần web: sắp xếp bạn chọn cho chỗ web cơ mà hình ảnh đang được sử dụng

Tỷ lệ size ảnh

Tỷ lệ cẩn thận là mối quan hệ giữa chiều rộng và chiều cao của hình ảnh. Hay được diễn đạt là nhì số, chẳng hạn như 3:2, 4:3 hoặc 16:9. Chiều rộng luôn là số đầu tiên. Ví dụ, một tỷ lệ 16:9 hoàn toàn có thể là 1600 điểm ảnh chiều rộng theo 900 pixels chiều cao. Hoặc, nó có thể là 1920 x 1080, 1280 x 720, hoặc ngẫu nhiên kết thích hợp chiều rộng/chiều cao làm sao khác có thể được tính bằng 16:9. Bạn có thể tìm thấy phần trăm khung hình ảnh trực đường và trong một vài công núm chỉnh sửa hình ảnh để giúp bạn xác định tỷ lệ khung hình ảnh của hình ảnh của bạn. 

*

Trong phần nhiều các ngôi trường hợp, hình hình ảnh trong phần web hiện tại đại chuyển động tốt độc nhất trên các sắp xếp và sản phẩm khi họ có tỷ lệ khung ảnh của 16:9 hoặc 4:3, tùy ở trong vào tía trí.

Bố trí cột

Một trang có thể được đặt ra với những phần bao gồm các phong cách và bố trí cột không giống nhau, chẳng hạn như các cột gồm độ rộng lớn đầy đủ, một cột, hai cột, cha cột, một phía trái và một cột mặt phải. Một quy tắc chung cho hình hình ảnh dự kiến vẫn điền phạm vi của cột là chúng ít nhất là cột mà trong số đó chúng được đặt. Ví dụ, một hình hình ảnh trong phần web hình ảnh trong một cột yêu cầu có ít nhất 1204 điểm ảnh. Sau đây là các giải đáp chiều rộng mang lại từng bố trí cột:

Bố trí

Độ rộng lớn trong điểm ảnh

Cột bao gồm độ rộng đầy đủ

1920

Một cột

1204

Hai cột

586 cho mỗi cột

Ba cột

380 cho từng cột

Cột trái một bên thứ ba

380 đến cột mặt trái; 792 mang lại cột phù hợp

Cột bắt buộc một bên thứ ba

792 cho cột mặt trái; 380 đến cột phù hợp

Vì đặc thù phản hồi của những trang, hình hình ảnh ở những cột gồm độ rộng không thiếu thốn sẽ luôn luôn hiển thị sinh hoạt độ rộng tương đối đầy đủ của màn hình hiển thị với chiều cao auto dựa trên kích cỡ màn hình.

Chiều cao của hình hình ảnh được để trong các bố trí cột khác sẽ nhờ vào vào xác suất khung hình ảnh của bạn. Dưới đây là các trả lời chiều cao/chiều rộng đến các phần trăm khung ảnh 16:9 và 4:3 (làm tròn lên/xuống tới điểm gần nhất). Điều này có ích để giữ mang đến hình ảnh của các bạn ở độ rộng và chiều cao mà quy mô tương xứng với sản phẩm công nghệ di động, ví dụ.

TỶ LỆ form ẢNH

DIỆN

16 x 9

Chiều rộng lớn x chiều cao trong điểm ảnh

4 x 3

Chiều rộng lớn x độ cao trong điểm ảnh

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 trái một bên thứ ba

380 x 446 mang đến cột mặt trái; 792 x 446 cho cột phù hợp

380 x 594 cho cột bên trái; 792 x 594 mang lại cột phù hợp

Cột buộc phải một mặt thứ ba

792 x 446 đến cột mặt trái; 380 x 446 cho cột phù hợp

792 x 594 mang đến cột mặt trái; 380 x 594 mang lại cột phù hợp

Bố trí phần web

Bố trí trong các phần web nhưng bạn áp dụng cũng sẽ ảnh hưởng đến giải pháp quy tế bào hình ảnh của bạn. Ví dụ sau đây Hiển thị các phần web không giống nhau và các sắp xếp của bọn chúng trong một cột và các phần trăm khung ảnh được áp dụng trong mỗi.

Hãy xem xét hình ảnh này có phần trăm khung hình ảnh gốc của 16:9:

*

Sau đó là ví dụ về hình hình ảnh này được hiển thị trong một sắp xếp trang cột, trong số phần website và sắp xếp khác nhau.

Phần web hero

Các tỷ lệ khía cạnh tiếp sau đây cho các ô xếp và sắp xếp xếp tầng là:

Lát xếp: chiều cao của phần web được thu nhỏ để tuân theo tỷ lệ khung hình ảnh của 8:3 và hình ảnh bên vào thang tỷ lệ phần website với tỉ lệ khung hình ảnh của 4:3.

Layer: một lớp có vảy cá thể với xác suất khung hình ảnh của 8:3 với hình hình ảnh bên trong mỗi lớp thang đến một phần trăm khía cạnh ngay gần 16:9.

Xem thêm: Địa Điểm Vui Chơi Nổi Tiếng Bến Tre, 6 Điểm Du Lịch Bến Tre Mà Bạn Không Thể Bỏ Qua

Trên những thiết bị di động, một sắp xếp hình Carousel được dùng tại 16:9.

Dưới đây là một ví dụ về một hình ảnh được hiển thị trong sắp xếp Layer (trên cùng) và bố trí lát xếp (dưới cùng)

*

Phần web ngôn từ được tô sáng

16:9 là tỷ lệ khung ảnh cho Carousel, Filmstrip và sắp xếp thẻ.

Dưới đây là ví dụ về một hình ảnh được hiển thị trong bố trí Filmstrip (trên cùng) và sắp xếp thẻ (dưới cùng).

*

Phần web hình hình ảnh

Hình hình ảnh sẽ bung rộng cho độ rộng của phần cất phần web. Bạn có thể tùy chọn chuyển đổi tỷ lệ khung hình ảnh hoặc xén tay Việt bằng thanh phương pháp ảnh, hoặc thực hiện núm tinh chỉnh đổi cỡ để làm cho hình ảnh của bạn lớn hơn hoặc nhỏ tuổi hơn.

Dưới đây là một ví dụ cho thấy dấu xén hình hình ảnh (đường color lam) trên 4:3

*

Phần web tủ chứa đồ hình ảnh

Các phần trăm khía cạnh dưới đây được thực hiện trong các bố trí khác nhau:

Bố trí gạch tôn trọng tỷ lệ khung hình ảnh của toàn bộ các hình ảnh hiển thị: 16:9, 1:1, 4:3, v.v. 

Ô xếp, thẻ: 4:3

Dưới đây là một ví dụ như về một hình ảnh được hiển thị trong bố trí gạch (trên cùng) và sắp xếp gạch (dưới cùng)

*

Phần web thông tin -

Tùy trực thuộc vào tía trí, hình ảnh trong phần web tin tức hoàn toàn có thể là 4:3, 16:9 hoặc 21:9. Dưới đấy là ví dụ về hình hình ảnh trong một mẩu chuyện trên thuộc và một sắp xếp Carousel.

*

Vùng tiêu đề trang

Hình ảnh sẽ hiển thị cực tốt khi chúng có diện mạo hoặc 16:9 hoặc lớn hơn trong tỷ lệ khung ảnh và lúc chúng ít nhất 1 MB Kích cỡ. Ngoài ra, hãy bảo đảm đặt một đầu mối mang lại phần giữ nguyên quan trọng đặc biệt nhất của ảnh trong dạng xem, đặc biệt là khi ảnh được thực hiện trong hình thu nhỏ, bố trí tin tức và công dụng tìm kiếm.

Ví dụ (16:9 hình ảnh ban đầu) cùng với tập phù hợp điểm mối lái trên loa.

Hình thu bé dại trang

Hình thu nhỏ tuổi trang được hiển thị ở phần lớn nơi như công dụng tìm kiếm, tác dụng được tô sáng nội dung, các bài đăng tin tức và nhiều hơn nữa nữa. Theo mang định, hình thu nhỏ tuổi xuất phân phát từ quanh vùng tiêu đề trang hoặc tự phần web phía bên trong thứ tự đầu tiên trên trang (chẳng hạn như bên trên cùng bên trái của sắp xếp trang). Bạn cũng có thể ghi đè lên trên mặc định và chuyển đổi hình thu bé dại trang. Khi chúng ta làm như vậy, cách cực tốt là sử dụng một hình ảnh với xác suất khung hình ảnh 16:9.

Ví dụ (ảnh nơi bắt đầu 16:9)

*

Phần web links nhanh 

Phần web link nhanh tất cả sáu sắp xếp khác nhau. Dưới đấy là các phần trăm khía cạnh được đề xuất:

Filmstrip, lưới, nút: 16:9

Compact, danh sách, ô: 1:1, 4:3

Dưới đấy là một lấy một ví dụ về một hình ảnh được hiển thị trong bố trí thu gọn (trên cùng) và sắp xếp Filmstrip (dưới cùng)

Bài viết liên quan