Kích thước ảnh đại diện, từng nền tảng một
Mọi nền tảng lớn đều muốn ảnh đại diện vuông và đều cắt thành hình tròn. Kích thước tải lên khác nhau — từ mức tối thiểu 165×165 bé xíu của Pinterest đến biểu tượng kênh 800×800 của YouTube — nhưng chiến lược thì giống nhau: tải lên một hình vuông sạch ở 2× kích thước hiển thị, giữ chủ thể trong 80% trung tâm, và giữ dưới giới hạn dung lượng. Đây là những con số chính xác.
Bảng kích thước ảnh đại diện đầy đủ
| Nền tảng | Kích thước tải lên | File tối đa | Resize ngay |
|---|---|---|---|
| 1000×1000 | 4 MB | Đại diện Facebook → | |
| Biểu tượng kênh YouTube | 800×800 | 2 MB | Đại diện YouTube → |
| 400×400 | 8 MB | Đại diện LinkedIn → | |
| X / Twitter | 400×400 | 2 MB | Đại diện X → |
| 320×320 min | 8 MB | Đại diện Instagram → | |
| Snapchat | 320×320 | 2 MB | Đại diện Snapchat → |
| Biểu tượng máy chủ Discord | 512×512 | 8 MB | Biểu tượng Discord → |
| Twitch | 256×256 | 1 MB | Đại diện Twitch → |
| TikTok | 200×200 min | 5 MB | Đại diện TikTok → |
| 165×165 min | 5 MB | Đại diện Pinterest → |
GitHub là trường hợp đặc biệt: avatar hiển thị tới 460×460 px và GitHub khuyến nghị tải lên ít nhất 500×500. Chúng tôi trình bày chi tiết — gồm cả quy tắc GIF động — trong hướng dẫn ảnh đại diện GitHub.
Vì sao ảnh đại diện của bạn trông mờ (và cách khắc phục bằng 2×)
Một avatar mờ gần như luôn do một trong hai nguyên nhân. Hoặc ảnh nguồn nhỏ hơn kích thước hiển thị, khiến nền tảng phóng to và tự "phát minh" pixel — hoặc file bị nén lại quá mạnh vì vượt giới hạn dung lượng hoặc vốn đã là JPG nén mạnh.
Cách khắc phục cho cả hai là như nhau: xuất ở khoảng gấp đôi kích thước hiển thị lớn nhất. Màn hình retina và màn hình DPI cao hiển thị avatar ở mật độ 2×, nên ảnh trông ổn trên màn hình thường sẽ vỡ trên laptop hoặc điện thoại màn retina. Avatar LinkedIn 400×400 xuất ở 800×800 luôn sắc nét ở mọi nơi; nền tảng thu nhỏ nó xuống (giữ được chất lượng) thay vì phóng to (phá hỏng chất lượng).
Vùng an toàn hình tròn
Vì mọi avatar đều hiển thị thành hình tròn, bốn góc của ảnh vuông tải lên không bao giờ được thấy. Điều đó có hai hệ quả thực tế:
- Đặt chủ thể vào giữa. Khuôn mặt nên nằm trong 80% trung tâm của khung hình. Logo có chi tiết nhỏ sát góc sẽ mất phần đó khi bị cắt.
- Tránh chữ sát mép. Cắt hình tròn cộng với kích thước hiển thị rất nhỏ (avatar có thể nhỏ tới 20×20 px trong luồng bình luận và danh sách commit) khiến mọi thứ trừ chữ ngắn, đậm đều khó đọc.
JPG hay PNG cho ảnh đại diện?
Dùng PNG cho logo, minh họa và mọi thứ có cạnh sắc hoặc màu phẳng — nén JPG làm nhòe đúng những chi tiết đó. Dùng JPG cho chân dung chụp; dung lượng nhỏ hơn và ảnh chụp chịu nén nhẹ tốt hơn chữ rất nhiều. Mọi nền tảng trong bảng trên đều nhận cả hai định dạng.
Nếu file vượt giới hạn của nền tảng (GitHub ngặt nhất với 1 MB), hãy xuất ở độ phân giải thấp hơn một chút thay vì đẩy nén lên tối đa — mất độ phân giải còn bù được trên màn retina; vết nén thì không.
Resize mọi avatar trong 30 giây
- Mở workbench imgsize.cc và thả ảnh vào — nó không bao giờ rời khỏi trình duyệt của bạn.
- Chọn preset nền tảng từ bảng trên; kích thước chính xác và giới hạn dung lượng được áp dụng tự động.
- Kéo khung cắt để chủ thể nằm giữa vùng tròn hiển thị, rồi xuất thành PNG hoặc JPG.