Bố cục ảnh ghép và tỉ lệ khung cho mạng xã hội

Bố cục nào hợp với bao nhiêu ảnh, khung ảnh ghép quyết định khung và phần cắt của từng ô ra sao, và kích thước nên xuất cho bảng tin và bản in.

Trong bài này

Ảnh ghép là một bài thiết kế bố cục nhỏ: vài hình chữ nhật trong một hình chữ nhật lớn, mỗi ô chứa một bức ảnh vốn không được chụp cho khung đó. Phần lớn ảnh ghép trông "kỳ kỳ" hỏng ở một trong ba điểm: bố cục không hợp với số ảnh, các ô có khung cắt mất chủ thể, hoặc khoảng cách không đều. Bài này đi qua từng điểm bằng con số từ chính đoạn mã bố cục của công cụ ghép ảnh.

Khung ảnh ghép quyết định khung của từng ô

Các ô là phân số của khung, nên tỉ lệ khung truyền xuống từng ô. Lấy lưới 2 × 2:

  • Trên khung vuông 1:1, mỗi ô vuông.
  • Trên khung dọc 4:5 (1638 × 2048 ở 2048 px), mỗi ô cũng 4:5, khoảng 819 × 1024 trước khi trừ khoảng cách.
  • Trên story 9:16 (1152 × 2048), mỗi ô là 9:16 cao.

Ảnh điện thoại có tỉ lệ 3:4 khi dọc hoặc 4:3 khi ngang. Ảnh 3:4 trong ô 4:5 mất rất ít (ô hơi rộng hơn, nên chỉ cắt một chút chiều cao); cũng ảnh đó trong ô 9:16 mất một phần tư chiều rộng. Vì vậy story hợp với dải ảnh và cột đơn, còn lưới vuông hợp với ảnh lẫn lộn dọc và ngang: khung vuông cắt cả hai đúng 25%.

Có thể tính phần mất: ảnh tỉ lệ p (rộng / cao) trong ô tỉ lệ c giữ lại c / p chiều rộng khi p > c, hoặc p / c chiều cao khi p < c. Ảnh ngang 4:3 (1,33) trong ô vuông giữ 1 / 1,33 = 75% chiều rộng.

Bố cục theo số ảnh

Hai ảnh. Dải cạnh nhau (mỗi ô 1:2 trên khung vuông, cao và hẹp) hoặc chồng lên nhau (2:1, rộng). Cạnh nhau hợp với ảnh chân dung và cặp trước – sau.

Ba ảnh. Một ảnh lớn bên trái chiếm hai phần ba chiều rộng, hai ảnh chồng nhau bên phải. Trên khung vuông, ô lớn có tỉ lệ 2:3, khung chân dung tự nhiên, và hai ô nhỏ (một phần ba chiều rộng, nửa chiều cao) cũng 2:3, nên cả ba cắt ảnh dọc rất nhẹ. Đây là bố cục ba ảnh dễ chịu nhất.

Bốn ảnh. Lưới 2 × 2: mọi ô có tỉ lệ của khung. Không ảnh nào lấn ảnh nào.

Năm và bảy ảnh. Không thành lưới đầy đủ. Các hàng gần bằng nhau sẽ ổn (3 + 2, hoặc 4 + 3): công cụ đặt hàng nhiều ảnh hơn lên trước để mắt bắt đầu với nhiều chi tiết và kết thúc ở các ảnh lớn hơn.

Sáu và tám ảnh. Lưới 2 × 3 hoặc 3 × 2, và 2 × 4 hoặc 4 × 2; chọn lưới có ô gần với tỉ lệ ảnh của bạn nhất.

Chín ảnh. Lưới 3 × 3 là mặc định, nhưng cho chín ảnh nhỏ. Bố cục khảm có khung, một ảnh lớn ở giữa (bằng nửa chiều rộng và chiều cao) với tám ảnh bao quanh, cho ảnh ghép một chủ thể.

Khoảng cách đều

Khoảng cách chỉ trông đều khi nó chính xác. Nếu đặt ô bằng cách làm tròn vị trí và kích thước của từng ô riêng lẻ, khoảng cách sẽ chỗ 11 px chỗ 13 px, và mắt nhận ra. Công cụ tính mỗi cạnh từ phân số chính xác của bố cục rồi làm tròn một lần, sau đó thụt các cạnh bên trong vào nửa khoảng cách. Ba ảnh cạnh nhau trên khung 1000 px với khoảng cách 8 px cho các ô rộng 329, 326 và 329 px, khoảng cách đúng 8 px; các cạnh ngoài chạm viền chính xác.

Hai quy tắc thực tế:

  • Khoảng cách bằng viền trông như một tấm lưới liền. Viền lớn hơn khoảng cách (ví dụ 40 so với 12) trông như khung hay passe-partout bao quanh ảnh ghép.
  • Bo góc làm lưới mềm hơn nhưng ăn vào góc mỗi ảnh; nên giữ dưới khoảng một phần mười cạnh ô nhỏ hơn.

Kích thước xuất

Nơi đăngKhungĐiểm ảnh
Bài đăng bảng tin4:5 hoặc 1:11080 × 1350 hoặc 1080 × 1080
Story9:161080 × 1920
Slide hoặc ảnh bìa video16:91920 × 1080
In A4 ở 300 DPIA42480 × 3508

Lưu lớn hơn nơi đăng chỉ làm tệp nặng thêm: bảng tin hiển thị bài đăng rộng khoảng 1080 điểm ảnh. Để in, A4 với cạnh dài 3508 px là 300 DPI.

Những lỗi hay gặp

  • Khung story với ảnh ngang. Ảnh 4:3 trong ô 9:16 chỉ giữ 42% chiều rộng. Hãy dùng dải ô chồng nhau, hoặc ảnh ghép vuông.
  • Khuôn mặt ở mép ô. Kéo từng ảnh trong ô để đưa khuôn mặt vào giữa; phóng to một chút nếu cần.
  • Trộn ảnh rất sáng và rất tối trong lưới khít. Khoảng cách rộng hơn với màu trung tính sẽ tách chúng ra.
  • Quá nhiều ảnh. Chín ảnh trên khung rộng 1080 px, mỗi ảnh chỉ khoảng 350 px: như ảnh thu nhỏ. Hãy chọn năm ảnh đẹp nhất.

Công thức

  1. Đếm số ảnh và chọn bố cục: 2 đến 4 ảnh dùng lưới hoặc dải, 3 ảnh dùng khảm, 5 hoặc 7 dùng hàng, 9 dùng khảm có khung.
  2. Chọn khung theo nơi đăng, rồi xem mỗi ảnh bị cắt ra sao và kéo vào đúng chỗ.
  3. Khoảng cách 8 đến 16 px, viền bằng hoặc lớn hơn, màu trắng hoặc màu lấy từ ảnh.
  4. Xuất đúng kích thước nơi đăng, JPG cho ảnh chụp.

Nếu ảnh cần làm thẳng hoặc cắt chặt hơn, hãy làm trong công cụ cắt ảnh trước khi đưa vào công cụ ghép ảnh.

Công cụ được nhắc trong bài

Về trang blog