Kiến thức thiết kế đồ họa, logo và hình ảnh thương hiệu không chỉ nằm ở việc chọn font hay phối màu, mà còn ở kích thước ảnh bìa, ảnh đại diện — sai dù chỉ một chút cũng đủ làm ảnh vỡ ngay trên mạng xã hội. Tuần trước, một bạn chủ shop quần áo online nhắn hỏi chúng tôi vì sao ảnh bìa Fanpage cứ bị mờ, dù ảnh gốc bạn gửi kèm rất nét. Bạn ấy lấy đúng tấm ảnh vừa đăng Instagram, kéo sang Facebook, up lên là xong. Nhìn thì hợp lý, nhưng mỗi nền tảng lại cắt ảnh theo một khung khác nhau. Kết quả là logo bị lệch, mặt người mẫu bị cắt ngang trán, chữ trên ảnh bay mất một nửa.
Chúng tôi gặp tình huống này gần như mỗi tuần khi hỗ trợ khách hàng làm nhận diện thương hiệu. Đó không phải lỗi thẩm mỹ, mà là lỗi kỹ thuật cụ thể: dùng sai tỷ lệ khung hình cho từng nền tảng. Bài này, chúng tôi chia sẻ đúng những con số bên mình vẫn dùng khi làm ảnh cho khách, kèm vài mẹo để ảnh lên trang nào cũng đẹp.
Nhiều thương hiệu bị vỡ hình, cắt xén sai khi đăng ảnh lên mạng xã hội
Mỗi nền tảng mạng xã hội thiết kế khung hiển thị ảnh bìa, ảnh đại diện theo tỷ lệ riêng. Facebook không dùng chung tỷ lệ với Instagram. Zalo Official Account lại hiển thị khác hẳn YouTube.
Nói dễ hiểu, tỷ lệ là mối quan hệ giữa chiều rộng và chiều cao ảnh, ví dụ 16:9 nghĩa là ảnh rộng gần gấp đôi chiều cao. Nếu bạn tải một ảnh bìa đúng chuẩn Facebook rồi mang thẳng sang LinkedIn, hệ thống sẽ tự cắt bớt cho vừa khung mới. Phần bị cắt thường lại chứa đúng logo hoặc dòng chữ quan trọng nhất.
Bên mình từng làm việc với một trung tâm tiếng Anh, họ dùng một ảnh bìa duy nhất cho cả Facebook, YouTube và Zalo OA suốt nửa năm. Trên Facebook ảnh đẹp. Qua YouTube, dòng chữ “Khai giảng khoá mới” bị cắt mất chữ “mới”. Lỗi này ít ai biết, vì trên máy tính người thiết kế ảnh vẫn hiển thị đủ, chỉ app di động mới lộ chỗ bị cắt.
Muốn hiểu gốc rễ vì sao chuyện này hay xảy ra, bạn có thể xem thêm kiến thức thiết kế đồ họa và thương hiệu khác biệt mà chúng tôi đã tổng hợp trước đó. Phần lớn lỗi vỡ hình bắt nguồn từ việc bỏ qua tiêu chuẩn kỹ thuật của từng nền tảng, không phải do thiếu tay nghề thiết kế.
Dùng chung một kích thước cho tất cả nền tảng vì thế là thói quen dễ gây hại. Nó không sai ngay lập tức, ảnh vẫn lên được, chỉ là lên xấu. Với một shop bán hàng online, ảnh bìa xấu một chút có thể không ai để ý. Nhưng với thương hiệu đang xây dựng hình ảnh chuyên nghiệp, đây là chi tiết khách hàng nhớ rất lâu, dù họ không nói ra.
Kích thước chuẩn ảnh bìa, ảnh đại diện theo từng nền tảng phổ biến
Để không phải đoán mò, chúng tôi liệt kê kích thước ảnh bìa, ảnh đại diện của những nền tảng thương hiệu Việt hay dùng nhất. Đây cũng là một phần thực hành nhỏ trong kiến thức thiết kế đồ họa, logo và hình ảnh thương hiệu mà chúng tôi muốn chia sẻ cụ thể qua danh sách dưới đây. Đây là số bên mình vẫn áp dụng khi làm ảnh cho khách, có cập nhật theo thay đổi gần nhất của từng nền tảng.
- Facebook: ảnh bìa 820 x 312 px, ảnh đại diện 170 x 170 px. Trên điện thoại chỉ còn khoảng 640 x 360 px.
- Instagram: không có ảnh bìa riêng, ảnh đại diện 320 x 320 px. Hiển thị hình tròn, để logo cách mép ảnh.
- YouTube: ảnh bìa 2560 x 1440 px, ảnh đại diện 800 x 800 px. Vùng an toàn giữa ảnh rộng khoảng 1546 x 423 px.
- LinkedIn: ảnh bìa 1584 x 396 px, ảnh đại diện 400 x 400 px. Tỷ lệ dài, tránh đặt chữ sát hai mép.
- Zalo OA: ảnh bìa 1500 x 500 px, ảnh đại diện 300 x 300 px. Khách Việt gặp ảnh này hằng ngày qua khung chat.
Nhìn danh sách trên, bạn sẽ thấy khái niệm “vùng an toàn” xuất hiện vài lần. Nói dễ hiểu, đó là phần ảnh chắc chắn không bị icon, nút bấm hay khung avatar tròn đè lên. Với ảnh bìa Facebook, vùng an toàn nằm ở khoảng giữa ảnh, tránh đặt chữ quan trọng sát rìa trái.
Danh sách số liệu trên chỉ là khung sườn, các nền tảng vẫn âm thầm điều chỉnh theo từng đợt cập nhật giao diện. Bạn có thể lưu thêm bài tổng hợp kích thước ảnh chuẩn trên các nền tảng mà chúng tôi vẫn cập nhật định kỳ, để không phải nhớ hết từng con số trong đầu.
Mẹo áp dụng kiến thức thiết kế đồ họa, logo và hình ảnh thương hiệu để hiển thị đẹp trên mọi thiết bị
Có kích thước chuẩn trong tay chưa chắc ảnh đã đẹp trên mọi thiết bị. Chúng tôi rút ra vài mẹo sau nhiều lần chỉnh sửa ảnh bìa bị lỗi cho khách.
Mẹo đầu tiên là luôn xem trước ảnh trên cả máy tính lẫn điện thoại trước khi đăng chính thức. Bạn có thể đăng ở chế độ riêng tư, chỉ mình bạn xem được, rồi mở điện thoại kiểm tra logo có bị che không. Cách này mất thêm vài phút, nhưng đỡ hẳn cảnh phải gỡ ảnh sửa lại giữa lúc đang chạy quảng cáo. Nếu bạn tự làm ảnh bằng Photoshop, chúng tôi có hướng dẫn riêng về cách thiết kế banner Facebook bằng Photoshop theo đúng khung an toàn này.
Một điều bên mình hay nhắc khách hàng: hình ảnh thương hiệu không chỉ nằm trên mạng xã hội. Nếu bạn đang đầu tư thiết kế website bán hàng, banner trên web cũng cần đồng bộ tỷ lệ và tông màu với ảnh bìa Fanpage. Khách vào Fanpage thấy một kiểu, qua website thấy kiểu khác, sẽ nghi ngờ đây có phải cùng một cửa hàng.
Mẹo thứ hai, luôn lưu lại file gốc chất lượng cao, tốt nhất là file PSD hoặc AI thay vì chỉ giữ ảnh JPG đã xuất. Vài tháng sau đổi khuyến mãi, đổi số điện thoại, bạn chỉ cần mở file gốc sửa vài chữ rồi xuất lại đúng kích thước cần. Nhiều bạn xoá luôn file gốc cho đỡ nặng máy, tới lúc cần sửa lại phải làm từ đầu, tốn thời gian hơn hẳn.
Kết luận
Không ai nhớ hết số đo pixel của từng nền tảng, kể cả người làm nghề lâu năm như bên mình cũng phải tra lại bảng số liệu mỗi khi có nền tảng cập nhật. Cái cần nhớ là nguyên tắc: kiểm tra tỷ lệ trước khi đăng, chừa vùng an toàn cho chữ và logo, và đừng bao giờ dùng một ảnh cho tất cả các kênh.
Nếu bạn đang quản lý nhiều kênh cùng lúc, hãy dành một buổi làm lại toàn bộ ảnh bìa, ảnh đại diện theo đúng kích thước ở danh sách trên. Chỉ một buổi thôi, nhưng thương hiệu của bạn sẽ trông gọn gàng hơn hẳn trên mọi thiết bị, từ máy tính bàn tới điện thoại của khách hàng.