Đổi kích thước ảnh thành 680x240

Giữ chủ thể chính gần vùng an toàn trung tâm trừ khi bố cục cố ý chừa một bên cho chữ trực tiếp. Trên trang responsive, vật thể đặt quá sát trái hoặc phải có thể trông như bị cắt, vì vậy hãy xem trước ở chiều rộng container thật.

WebP hoặc JPG phù hợp với banner ảnh chụp, còn PNG giữ logo và cạnh đồ họa sắc nét. Độ trong suốt hữu ích khi website cung cấp màu nền, nhưng cần thử toàn bộ dải 680 pixel trên các nền dự kiến để tránh logo nhạt hoặc hiệu ứng mép bị mất.

Chỉ dùng 680x240 khi vị trí thực sự dành một dải ngang thấp. Hãy xác nhận chiều rộng container, cách cắt trên màn hình responsive, vùng an toàn cho chữ và định dạng được chấp nhận để banner không bị cắt hoặc nén lại ngoài ý muốn.

Hãy xem 680x240 như một dải ngang dài: đặt chủ thể mang thông điệp theo chiều rộng và tránh để vật thể cao chiếm hết chiều cao hạn chế. Chừa vùng yên cho tiêu đề, nút hoặc thành phần giao diện có thể đặt gần banner.

Ảnh chân dung chỉ phù hợp khi nguồn có nhiều không gian hai bên hoặc cố ý dùng một phần cơ thể làm yếu tố ngang. Ảnh cận mặt thông thường sẽ mất quá nhiều phần trên và dưới khi ép vào dải thấp này, nên hãy thử vùng cắt trước khi dùng.

Để giảm cắt xén, hãy chọn nguồn đã đủ rộng và di chuyển chủ thể theo trục ngang trước khi xử lý. Tránh phụ thuộc vào vật thể cao và không đặt logo hoặc vùng chữ ở các mép mà container responsive dễ cắt trước.

Dùng ảnh ngang hoặc toàn cảnh có nội dung quan trọng đã phù hợp với vùng cắt 680x240. Nguồn lớn hơn cho thêm khoảng để căn lại, nhưng không thể thay thế tiêu điểm chính xác hoặc khôi phục chi tiết đã mất do nén.

Ở 680x240, ảnh toàn cảnh thường thu nhỏ tự nhiên hơn ảnh chân dung bị ép vào dải này. Hãy kiểm tra chủ thể ở đúng chiều rộng banner thật thay vì chỉ nhìn bản xem trước phóng to trong trình chỉnh sửa.