Giải phẫu ảnh meme: cỡ chữ, viền chữ và lề an toàn

Vì sao chữ meme là Impact trắng viền đen, chữ nên to cỡ nào, viền dày bao nhiêu, và đặt chữ ở đâu để mạng xã hội không cắt mất.

Trong bài này

Dòng chữ meme kinh điển, chữ in hoa trắng viền đen chạy ngang trên và dưới bức ảnh, trông thật dễ dàng, và đó chính là mục đích. Nó cũng là một mảnh kiểu chữ nhỏ hoạt động có lý do: đọc được trên mọi ảnh, ở kích thước ảnh thu nhỏ, sau khi bị nén nặng. Bài này mổ xẻ nó bằng con số từ chính đoạn mã bố cục của công cụ tạo meme, đo với phông Impact trên khung 1080 × 1080.

Vì sao chữ trắng viền đen

Chữ phải đọc được trên bức ảnh bạn không kiểm soát: bầu trời sáng sau chữ này, chiếc áo tối sau chữ kia. Chữ trắng trơn biến mất trên nền trời; chữ đen trơn biến mất trên nền áo. Chữ trắng viền tối mang theo độ tương phản của riêng nó: dù nền là gì, một trong hai mép luôn tương phản với nền, và hình dạng chữ vẫn rõ.

Ý tưởng đó cũng giải thích phông chữ. Impact là phông hẹp (chữ hẹp, một dòng chứa được nhiều chữ hơn) và cực đậm (nét dày, sống sót sau khi thu nhỏ và nén JPEG). Chữ in hoa không có phần đuôi xuống dưới nên các dòng có thể đặt sát nhau.

Chữ nên to cỡ nào

Càng to càng tốt cho đến khi không còn vừa. Công cụ tìm cỡ chữ bằng chia đôi: thử một cỡ, xếp các từ vào khung chữ, rồi kiểm tra hai điều: mọi từ có nằm nguyên trên một dòng không, và mọi dòng có vừa chiều cao khung không (tính cả viền)? Nó giữ cỡ lớn nhất đạt yêu cầu.

Trên khung 1080 × 1080, khung chữ mặc định là 993,6 × 216 px (cả chiều rộng trừ lề 4%, một phần năm chiều cao). Với phông Impact:

Dòng chữCỡ chữSố dòng
OK163 px1
WHEN THE CODE WORKS104 px1
WHEN THE CODE WORKS ON THE FIRST TRY AND NOBODY KNOWS WHY68 px2

Có hai điều đáng để ý. Câu ngắn bị giới hạn bởi chiều cao chứ không phải chiều rộng: "OK" có thể rộng hơn nhiều nhưng khung chỉ cao 216 px, và 1,08 × 163 cho dòng chữ cộng với viền đã lấp đầy nó. Còn câu dài thì nhỏ đi rất nhanh: từ 4 chữ lên 12 chữ mất một phần ba cỡ chữ. Đó là lý lẽ thực tế cho câu ngắn; trên điện thoại, dòng 68 px chỉ to cỡ chữ đọc thông thường.

Viền nên dày bao nhiêu

Viền là một phần của cỡ chữ để to nhỏ theo chữ. Mặc định là 12%: khoảng 12,5 px ở cỡ 104 px, 8 px ở cỡ 68 px. Theo kinh nghiệm, mỏng hơn nhiều so với 6% thì viền dễ mất sau khi nén; dày hơn nhiều so với 20% thì các lỗ trong chữ (A, O, R) bắt đầu bị lấp.

Thứ tự vẽ rất quan trọng. Canvas và phần lớn phần mềm đồ họa vẽ viền nằm giữa mép chữ, một nửa trong một nửa ngoài. Nếu vẽ chữ trước rồi viền đè lên, viền ăn mất nửa nét chữ và chữ trông mảnh. Công cụ vẽ viền trước, dày gấp đôi độ dày nhìn thấy, rồi vẽ chữ trắng đè lên, nên toàn bộ viền nhìn thấy nằm ngoài chữ. Góc nối bo tròn ngăn các góc nhọn như đỉnh chữ W và V thành gai dài.

Lề an toàn

Bảng tin và ứng dụng chat hiếm khi hiển thị ảnh tràn mép. Góc bị bo tròn, ảnh xem trước bị cắt sang khung khác, và một số ứng dụng đặt nút bấm gần mép dưới. Công cụ giữ chữ trên và dưới cách mép 4% cạnh ngắn: 43 px trên khung 1080 × 1080. Trên story 9:16 (1080 × 1920) lề vẫn là 43 px, 4% chiều rộng, vì đó là cạnh hay bị cắt.

Nếu định đăng cùng một meme ở nhiều khung, hãy giữ các chữ quan trọng trong 80% chiều rộng ở giữa, để khi cắt vuông từ ảnh 4:5 không mất chữ.

Những lỗi hay gặp

  • Câu quá dài. Mười hai chữ cho chữ nhỏ. Hãy chia câu đùa ra trên và dưới, hoặc cắt bớt.
  • Viền mỏng hoặc không có viền trên ảnh rối. Nếu có chỗ trong ảnh gần màu chữ, chính viền giữ cho chữ đọc được.
  • Chữ ở góc. Dễ bị cắt hoặc bị nút ứng dụng che. Hãy giữ trong lề an toàn.
  • Ảnh độ phân giải thấp. Ảnh 400 điểm ảnh phóng to làm chữ nhòe. Công cụ vẽ chữ ở kích thước xuất đầy đủ, nên hãy bắt đầu từ ảnh lớn nhất bạn có, tối đa 2.048 px.
  • Ảnh của người khác. Ảnh meme nổi tiếng thuộc về người chụp và người trong ảnh. Công cụ chỉ có nền trơn; hãy dùng ảnh bạn được phép dùng.

Công thức

  1. Mở công cụ tạo meme với ảnh của bạn, cắt trước bằng công cụ cắt ảnh nếu cần.
  2. Giữ mỗi dòng dưới sáu chữ.
  3. Chữ trắng, viền đen, độ dày 10 đến 15%, trừ khi ảnh rất sáng.
  4. Để chữ trên và dưới trong khung an toàn; chỉ di chuyển chữ phụ và nhãn dán.
  5. Lưu PNG để chữ sắc nét, hoặc JPG cho ảnh chụp lớn.

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

Về trang blog