Phản tỉ số là gì
Các trang hiện đại và phần web được thiết kế hoàn toàn phản hồi qua thiết bị, có nghĩa là các hình ảnh được sử dụng trong các phần web sẽ có thang tỷ lệ khác nhau tùy thuộc vào vị trí chúng được hiển thị, và thiết bị nào được xem. Ví dụ, các trang hiện đại được thiết kế để trông tuyệt vời trên các thiết bị di động và độ rộng hình ảnh tự động giúp tạo ra trải nghiệm hấp dẫn. Show
Kích cỡ ảnh hoạt động tốt nhất là gì?Vì thiết kế trang nhạy, không có chiều cao hoặc chiều rộng cụ thể trong các điểm ảnh sẽ đảm bảo rằng ảnh sẽ duy trì hình dạng cụ thể trên các thiết bị và bố trí. Hình ảnh được đổi kích cỡ và cắt tự động để hiển thị kết quả tốt nhất có thể vượt qua nhiều thiết bị và bố trí khác nhau. Tuy nhiên, có một số hướng dẫn có thể giúp bạn đảm bảo rằng các hình ảnh của bạn trông tuyệt vời trên các trang của bạn. Tìm các kích thước hình ảnh tốt nhất cho trang của bạn phụ thuộc vào những yếu tố sau đây:
Tỷ lệ khung ảnhTỷ lệ khía cạnh là mối quan hệ giữa chiều rộng và chiều cao của hình ảnh. Thường được thể hiện là hai 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 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 bất kỳ kết hợp chiều rộng/chiều cao nào khác có thể được tính bằng 16:9. Bạn có thể tìm thấy tỷ lệ khung ảnh trực tuyến và trong một số công cụ chỉnh sửa ảnh để giúp bạn xác định tỷ lệ khung ảnh của hình ảnh của bạn.
Trong hầu hết các trường hợp, hình ảnh trong phần web hiện đại hoạt động tốt nhất trên các bố trí và thiết bị khi họ có tỷ lệ khung ảnh của 16:9 hoặc 4:3, tùy thuộc vào bố trí. Bố trí cộtMột trang có thể được đặt ra với các phần bao gồm các kiểu và bố trí cột khác nhau, chẳng hạn như các cột có độ rộng đầy đủ, một cột, hai cột, ba cột, một bên trái và một cột bên phải. Một quy tắc chung cho hình ảnh dự kiến sẽ điền độ rộng của cột là chúng ít nhất là cột mà trong đó chúng được đặt. Ví dụ, một hình ảnh trong phần web hình ảnh trong một cột phải có ít nhất 1204 điểm ảnh. Sau đây là các hướng dẫn chiều rộng cho từng bố trí cột:
Vì tính chất phản hồi của các trang, hình ảnh ở các cột có độ rộng đầy đủ sẽ luôn hiển thị ở độ rộng đầy đủ của màn hình với chiều cao tự động dựa trên kích cỡ màn hình. Chiều cao của hình ảnh được đặt trong các bố trí cột khác sẽ phụ thuộc vào tỷ lệ khung ảnh của bạn. Dưới đây là các hướng dẫn chiều cao/chiều rộng cho các tỷ lệ khung ảnh 16:9 và 4:3 (làm tròn lên/xuống đến điểm gần nhất). Điều này hữu ích để giữ cho hình ảnh của bạn ở độ rộng và chiều cao mà quy mô phù hợp với thiết bị di động, ví dụ.
Bố trí phần webBố trí trong các phần web mà bạn sử dụng cũng sẽ ảnh hưởng đến cách quy mô hình ảnh của bạn. Ví dụ sau đây Hiển thị các phần web khác nhau và các bố trí của chúng trong một cột và các tỷ lệ khung ảnh được sử dụng trong mỗi. Hãy xem xét ảnh này có tỷ lệ khung ảnh gốc của 16:9:
Sau đây là ví dụ về hình ảnh này được hiển thị trong một bố trí trang cột, trong các phần web và bố trí khác nhau.
Mẹo:
Đề xuất hình ảnh tiêu đề siteNgoài các trang, bạn có thể muốn thêm logo hoặc hình ảnh tùy chỉnh trong một bố trí mở rộng. Dưới đây là các đề xuất về kích cỡ cho những thành phần đó.
|