Tỉ lệ 16 9 là bao nhiêu pixel

Các trang tân tiến và phần web được thiết kế theo phong cách hoàn toàn bình luận qua thiết bị, tức là các hình ảnh được sử dụng trong số phần web sẽ có thang tỷ lệ khác biệt tùy trực thuộc vào vị trí bọn chúng được hiển thị, và thiết bị nào được xem. Ví dụ, những trang hiện đại có phong cách 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à phạm vi hình ảnh tự đụng giúp tạo thành trải nghiệm hấp dẫn.

Bạn đang xem: Tỉ lệ 16 9 là bao nhiêu pixel

*

Kích cỡ ảnh hoạt động tốt nhất có thể là gì?

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

Tìm các size hình ảnh tốt nhất mang lại trang của người tiêu dùng phụ trực thuộc vào số đông yếu tố sau đây:

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

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

Bố trí phần web: bố trí bạn chọn cho phần web mà lại hình hình ảnh đang được sử dụng

Tỷ lệ khung ảnh

Tỷ lệ cẩn thận là quan hệ giữa chiều rộng và độ cao của hình ảnh. Thường được biểu hiện 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 phần trăm 16:9 hoàn toàn có thể là 1600 điểm hình ảnh chiều rộng lớn theo 900 pixels chiều cao. Hoặc, nó hoàn toàn có thể là 1920 x 1080, 1280 x 720, hoặc bất kỳ kết thích hợp chiều rộng/chiều cao như thế nào khác có thể được tính bằng 16:9. Chúng ta cũng có thể tìm thấy xác suất khung hình ảnh trực tuyến đường và trong một trong những công cố chỉnh sửa hình ảnh để giúp cho bạn xác định tỷ lệ khung ảnh của hình ảnh của bạn. 

*

Trong số đông các trường hợp, hình hình ảnh trong phần web hiện nay đại vận động tốt duy nhất trên các sắp xếp và vật dụng khi họ có xác suất khung ảnh của 16:9 hoặc 4:3, tùy trực thuộc vào ba trí.

Bố trí cột

Một trang rất có thể được đề ra với các phần bao gồm các hình dáng và sắp xếp cột khác nhau, chẳng hạn như các cột có độ rộng đầy đủ, một cột, nhị cột, cha cột, một bên trái và một cột mặt phải. Một quy tắc thông thường cho hình ảnh dự kiến đang điền phạm vi của cột là chúng tối thiểu là cột mà trong đó 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 nên có ít nhất 1204 điểm ảnh. Sau đây là các lí giải chiều rộng đến từng sắp xếp cột:

Bố trí

Độ rộng trong điểm ảnh

Cột tất cả độ rộng lớn đầ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 mang lại cột bên trái; 792 mang lại cột phù hợp

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

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

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

Chiều cao của hình ảnh được để trong các bố trí cột khác sẽ phụ thuộc vào vào tỷ lệ khung hình ảnh của bạn. Dưới đó là các lý giải chiều cao/chiều rộng cho các tỷ lệ khung ảnh 16:9 cùng 4:3 (làm tròn lên/xuống tới điểm gần nhất). Điều này hữu ích để giữ cho hình hình ảnh của bạn ở độ rộng và độ 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 x độ cao trong điểm ảnh

4 x 3

Chiều rộng x chiều 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 mặt thứ ba

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

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

Cột nên một mặt thứ ba

792 x 446 đến cột bên trái; 380 x 446 đến cột phù hợp

792 x 594 đế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 cơ mà bạn áp dụng cũng sẽ tác động đến bí quyết quy tế bào hình hình ảnh của bạn. Ví dụ dưới đây Hiển thị những phần web khác biệt và các bố trí của bọn chúng trong một cột và các phần trăm khung ảnh được thực hiện trong mỗi.

Hãy xem xét ảnh này có xác suất khung hình ảnh gốc của 16:9:

*

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

Phần web anh hùng

Các tỷ lệ khía cạnh dưới đây cho những ô xếp và sắp xếp xếp tầng là:

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

Layer: một lớp bao gồm vảy cá nhân với xác suất khung ảnh của 8:3 và 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 sát 16:9.

Xem thêm: Danh Bai Offline Tien Len Mien Nam Offline Tien Len Mn Cho Android

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 lấy ví dụ như về một hình ảnh được hiển thị trong sắp xếp Layer (trên cùng) và sắp xếp lát xếp (dưới cùng)

*

Phần web câu chữ được tô sáng sủa

16:9 là xác suất khung ảnh cho Carousel, Filmstrip và sắp xếp thẻ.

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

*

Phần web hình ảnh

Hình hình ảnh sẽ bung rộng mang đến độ rộng lớn của phần cất phần web. Chúng ta cũng có thể tùy chọn đổi khác tỷ lệ khung ảnh hoặc xén tay Việt bởi thanh hình thức ảnh, hoặc áp dụng núm tinh chỉnh đổi cỡ để làm cho hình 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 biết dấu xén hình ảnh (đường màu lam) tại 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 áp dụng trong các sắp xếp khác nhau:

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

Ô xếp, thẻ: 4:3

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

*

Phần web tin tức -

Tùy thuộc vào bố trí, hình hình ảnh trong phần website tin tức rất 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 truyện trên cùng và một sắp xếp Carousel.

*

Vùng tiêu đề trang

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

Ví dụ (16:9 ảnh ban đầu) với tập thích hợp điểm manh mối trên loa.

Hình thu bé dại trang

Hình thu nhỏ tuổi trang được hiển thị ở hồ hết nơi như tác dụng tìm kiếm, công dụng được tô sáng nội dung, những bài post bài tức và nhiều hơn nữa nữa. Theo khoác định, hình thu bé dại xuất phát từ quanh vùng tiêu đề trang hoặc trường đoản cú phần web phía bên trong 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). Chúng ta cũng có thể ghi đè lên trên mặc định và biến hóa hình thu nhỏ tuổi trang. Khi bạn 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 gốc 16:9)

*

Phần web liên kết nhanh 

Phần web liên kết nhanh gồm sáu sắp xếp khác nhau. Dưới đó là các tỷ lệ khía cạnh được đề xuất:

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

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

Dưới đó là một ví dụ như 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)