Ảnh sai kích thước gây ra ba hậu quả rất cụ thể: bị cắt mất phần quan trọng trên điện thoại, hiển thị mờ khi nền tảng tự phóng to, và làm chậm trang nếu tải ảnh lớn hơn mức cần thiết. Bài này gom các kích thước hay dùng nhất kèm lý do đằng sau từng con số.
| Vị trí | Kích thước nên dùng (px) | Lưu ý quan trọng |
|---|---|---|
| Ảnh bìa trang | 1640 × 856 | Trên di động hai mép trái phải bị cắt — chữ phải nằm gọn ở giữa |
| Ảnh đại diện | 512 × 512 | Hiển thị dạng tròn, đừng đặt chữ sát mép |
| Ảnh bài đăng vuông | 1080 × 1080 | Chiếm nhiều diện tích màn hình nhất trên di động |
| Ảnh bài đăng ngang | 1200 × 630 | Cũng là kích thước ảnh xem trước khi chia sẻ liên kết |
| Ảnh quảng cáo dọc | 1080 × 1350 | Hiệu quả nhất trong bảng tin di động |
| Story / Reels | 1080 × 1920 | Chừa khoảng 250px trên và dưới cho giao diện che mất |
Quy tắc dễ nhớ hơn mọi con số: đặt nội dung quan trọng trong vùng an toàn ở giữa, vì mỗi nền tảng cắt mép theo một cách khác nhau và các cách cắt này thay đổi theo thời gian.
Ảnh trên website
| Loại | Chiều rộng nên dùng | Định dạng | Dung lượng mục tiêu |
|---|---|---|---|
| Ảnh banner đầu trang | 1920px | WebP | dưới 200 KB |
| Ảnh minh hoạ trong bài | 1200px | WebP | dưới 100 KB |
| Ảnh sản phẩm | 1000–1500px | WebP | dưới 150 KB |
| Biểu tượng, logo | theo kích thước hiển thị | SVG hoặc PNG | dưới 30 KB |
Sai lầm phổ biến nhất là tải ảnh gốc 4000px rồi để trình duyệt thu nhỏ bằng CSS. Người dùng vẫn phải tải trọn tệp lớn đó — đây là một trong những nguyên nhân hàng đầu khiến điểm tốc độ trang thấp và ảnh hưởng trực tiếp tới trải nghiệm trên di động.
Ba việc làm một lần, dùng mãi
- Bật chuyển đổi WebP tự động trên website. Ảnh WebP thường nhẹ hơn JPG đáng kể ở cùng chất lượng thị giác.
- Khai báo chiều rộng và chiều cao cho mọi ảnh, tránh hiện tượng bố cục nhảy khi tải.
- Đặt tên tệp và văn bản thay thế có nghĩa — vừa hỗ trợ người dùng trình đọc màn hình, vừa giúp máy hiểu nội dung ảnh.
Ảnh và tìm kiếm bằng AI
Trợ lý AI không “nhìn” ảnh trên website bạn theo cách con người nhìn. Thứ chúng đọc được là tên tệp, văn bản thay thế, chú thích và đoạn văn xung quanh. Nghĩa là một biểu đồ có số liệu độc quyền chỉ phát huy giá trị khi bạn mô tả bằng chữ những gì biểu đồ đó thể hiện. Đây là chi tiết nhỏ nhưng ảnh hưởng thật tới khả năng được trích dẫn.
Đọc thêm
- Business Facebook là gì — quản lý tài sản số đúng cách
- Quảng cáo Facebook Ads — đẩy tiếp cận có chủ đích
- Facebook marketing hiệu quả — chiến lược kênh Facebook
- Dịch vụ Digital Marketing — triển khai đa kênh
Đọc thêm: Banner quảng cáo: kích thước và cách thiết kế
Đọc thêm: Chụp ảnh quảng cáo
Đọc thêm: Cách Thêm Nhạc Vào Trang Cá Nhân Facebook Và Ghim Bài Hát · Cách Đổi Ảnh Bìa Facebook Không Ai Biết · Kích Thước Video TikTok · Tải Ảnh TikTok
Đọc thêm: Open Graph là gì · Kích Thước Ảnh Bìa, Avatar, Thumbnail YouTube Chuẩn · Kích Thước Video Facebook Theo Từng Vị Trí Hiển Thị
Câu hỏi thường gặp
Ảnh bìa Facebook bị cắt trên điện thoại, xử lý sao?
Giữ toàn bộ chữ và logo trong vùng giữa khoảng 1000px chiều ngang. Máy tính hiển thị rộng hơn di động, nên nếu thiết kế vừa khít trên máy tính thì gần như chắc chắn bị cắt trên điện thoại.
Nên dùng JPG, PNG hay WebP?
WebP cho hầu hết ảnh trên website. PNG chỉ khi cần nền trong suốt. SVG cho logo và biểu tượng. JPG giờ chủ yếu dùng khi nền tảng đích chưa hỗ trợ WebP.
Ảnh nặng bao nhiêu thì ảnh hưởng tốc độ trang?
Kinh nghiệm thực tế: tổng dung lượng ảnh trên một trang nên dưới 1 MB. Vượt mức này thì người dùng mạng di động chậm sẽ cảm nhận rõ, và chỉ số trải nghiệm trang bắt đầu giảm.
Kích thước ảnh có ảnh hưởng tới thứ hạng không?
Gián tiếp. Google không xếp hạng theo kích thước ảnh, nhưng ảnh nặng làm chậm trang, và tốc độ trang là yếu tố xếp hạng — đặc biệt trên di động.
Website chậm vì ảnh chưa tối ưu?
Vidco Group rà toàn bộ ảnh và tốc độ trang, chỉ rõ tệp nào đang kéo điểm xuống — báo cáo miễn phí.
Cần triển khai thực tế?
- Dịch vụ quản lý Fanpage & Group — thuê ngoài vận hành kênh social
- Dịch vụ Digital Marketing — triển khai đa kênh
- Dịch vụ SEO tổng thể — kênh khách tự tìm đến
