Gần như mọi nền tảng hiển thị ảnh đại diện của bạn dưới dạng một hình tròn, nhưng lưu nó dưới dạng một hình vuông. Một sự thật đó giải thích hầu hết vấn đề về avatar: tải lên một ảnh chữ nhật và nền tảng cắt nó thành một hình vuông bạn không chọn, rồi che nó thành một hình tròn giấu đi các góc. Cách giữ quyền kiểm soát là tự bạn cắt vuông trước, rồi đổi kích thước về đúng quy cách của nền tảng. Đây là những quy cách đó, và phương pháp hai bước chạy được ở mọi nơi.
Kích thước, từng nền tảng một
Kích thước tải lên thường lớn hơn cái được hiển thị, vì các nền tảng thu nhỏ cho avatar tí hon và giữ một bản độ phân giải cao hơn cho các trang hồ sơ. Hãy nhắm tới kích thước tải lên khuyến nghị bên dưới — tải lên lớn hơn chỉ được thu nhỏ gọn gàng, còn quá nhỏ thì trông mờ.
| Nền tảng | Tải lên khuyến nghị | Hình dạng hiển thị |
|---|---|---|
| 320 × 320 | Tròn | |
| 512 × 512 (tối thiểu 180 × 180) | Tròn | |
| X (Twitter) | 400 × 400 | Tròn |
| 400 × 400 (tới 7680 × 4320) | Tròn | |
| YouTube | 800 × 800 | Tròn |
| TikTok | 200 × 200 | Tròn |
| 640 × 640 | Tròn | |
| Discord | 128 × 128 (tới 1024 × 1024) | Tròn |
| 165 × 165 | Tròn | |
| Twitch | 256 × 256 | Tròn |
| GitHub | 500 × 500 | Vuông bo góc |
| Slack | 512 × 512 | Vuông bo góc |
Một hình vuông 512 × 512 duy nhất bao gần hết những cái này cùng lúc. Xuất một hình vuông sạch ở kích thước đó và bạn có thể tải cùng một tệp lên gần như bất cứ đâu. Chỉ đi lớn hơn (800 × 800) nếu bạn nhắm cụ thể tới YouTube hoặc muốn dư ra cho những thay đổi tương lai.
Bước 1: cắt thành hình vuông
Vì khung là vuông-rồi-tròn, hãy bắt đầu bằng cách cắt ảnh của bạn về tỷ lệ 1:1 hoàn hảo, đóng khung khuôn mặt hơi cao-và-giữa để không có gì quan trọng rơi vào các góc mà hình tròn sẽ giấu đi. Công cụ cắt ảnh của IMG.DIY có một cỡ định sẵn 1:1 và một hộp kéo được, nên bạn có thể đặt hình vuông đúng nơi bạn muốn.
Giữ những mẹo đóng khung này trong đầu:
- Chừa chỗ để thở. Mặt nạ hình tròn gọt đi các góc của hình vuông, nên đừng đẩy đầu hay cằm bạn ra sát mép.
- Căn mắt vào một phần ba trên. Ở kích thước avatar đó là thứ đọc ra "một con người", kể cả khi ảnh rộng 40 pixel trong một luồng bình luận.
- Kiểm tra ở cỡ nhỏ. Một khuôn mặt trông tuyệt ở cỡ đầy đủ có thể thành một khối không nhận ra ở 48 px. Hãy hình dung thu nhỏ trước khi làm thật.
Bước 2: đổi kích thước về mục tiêu
Một khi bạn có một hình vuông sạch, đổi kích thước nó về con số của nền tảng trong bảng — hoặc chỉ về 512 × 512 cho một avatar phổ quát. Vì bản cắt của bạn đã 1:1, tỷ lệ khung hình vẫn hoàn hảo và việc đổi kích thước chỉ thay đổi số pixel.
Công cụ đổi kích thước thu nhỏ chất lượng cao, nên co một bản cắt 8 megapixel xuống 512 px vẫn sắc thay vì hóa nhão. Nhập số pixel mục tiêu, giữ khóa tỷ lệ (nó đã khớp), và tải về.
Vì sao làm tại chỗ
Một ảnh hồ sơ thường là một tấm ảnh khuôn mặt bạn — không phải thứ bạn muốn nằm trên một máy chủ bất kỳ. Cả hai công cụ ở đây chạy hoàn toàn trong trình duyệt của bạn bằng Canvas; ảnh không bao giờ được tải lên. Sau lần truy cập đầu chúng được lưu đệm và chạy ngoại tuyến, nên bạn có thể cắt và chỉnh kích thước một avatar mới trên một chuyến bay và có nó sẵn sàng để đăng ngay khoảnh khắc bạn hạ cánh.
Bản ngắn gọn: cắt về 1:1, đổi kích thước về 512 × 512 (hoặc con số chính xác của nền tảng), đóng khung khuôn mặt tránh xa các góc, và một tệp phục vụ ở mọi nơi.