Công cụ tạo avatar

Tạo ảnh đại diện mặc định từ chữ cái đầu của tên hoặc họa tiết identicon kiểu GitHub. Cùng tên, cùng avatar. Tròn hoặc vuông, mọi kích thước; tải SVG hoặc PNG.

Kiểu

Lấy chữ cái đầu của từ đầu tiên và từ cuối cùng, ví dụ "Ada Lovelace" → AL.

Mã SVG

Tạo avatar là gì?

Tạo avatar mặc định cho người dùng chưa tải ảnh lên. Kiểu Chữ cái đầu hiển thị chữ cái đầu của tên trên nền màu được chọn theo tên; kiểu Identicon vẽ một họa tiết đối xứng 5×5 suy ra từ mã hash của văn bản bất kỳ (tên người dùng hoặc email). Cùng một đầu vào luôn cho cùng một avatar, và bạn có thể tải về dạng SVG hoặc PNG.

Cách sử dụng Tạo avatar

  1. Chọn Kiểu: Chữ cái đầu hoặc Identicon (họa tiết).
  2. Nhập Tên (hoặc văn bản bất kỳ với identicon).
  3. Chọn Kích thước, Hình dạng và màu sắc, hoặc giữ Tự chọn màu theo văn bản.
  4. Tải PNG hoặc SVG, hoặc sao chép mã SVG.

Ví dụ

Đầu vào
Initials, name Grace Hopper
Đầu ra
GH

Được vẽ thành hình tròn SVG với màu nền suy ra từ tên.

Khi nào nên dùng Tạo avatar

Dùng làm ảnh đại diện giữ chỗ trong ứng dụng, khu vực bình luận, CRM và trang quản trị, hoặc để mỗi người dùng có một hình ảnh dễ nhận biết. Identicon không ẩn danh với email: ai biết email đều tái tạo được họa tiết, nên hãy băm user ID thay vào đó nếu quyền riêng tư quan trọng.

Tạo avatar hoạt động như thế nào

Chữ cái đầu lấy ký tự đầu tiên của từ đầu và từ cuối (Ada Lovelace → AL; một từ → hai chữ cái đầu của nó), viết hoa với hỗ trợ Unicode. Màu nền tự động là một sắc độ lấy từ hash FNV-1a 32-bit của tên viết thường, với độ bão hòa và độ sáng cố định để chữ trắng luôn dễ đọc. Identicon băm văn bản viết thường bằng SHA-256 (Web Crypto); 15 bit của hash bật/tắt các ô ở ba cột bên trái của lưới 5×5, rồi được lật đối xứng sang phải, và thêm hai byte để chọn màu. Kết quả là một SVG nhỏ; xuất PNG sẽ vẽ nó lên canvas.

Các Trường Hợp Sử Dụng Phổ Biến

  • Ảnh đại diện mặc định trong ứng dụng web hoặc di động
  • Phân biệt người dùng trong luồng bình luận và chat
  • Tạo avatar thành viên nhóm cho website
  • Tạo identicon lặp lại được cho tài khoản thử nghiệm

Câu Hỏi Thường Gặp

Cùng một tên có luôn cho cùng một avatar không?

Có. Cả màu tự động lẫn họa tiết identicon đều được suy ra từ văn bản, nên chúng ổn định.

Có dùng được với tên không phải chữ Latin không?

Có. Chữ cái đầu dùng ký tự Unicode đầy đủ, nên tên tiếng Việt, Ả Rập, Trung Quốc và các hệ chữ khác đều dùng được.

SVG hay PNG?

SVG rất nhẹ và sắc nét ở mọi kích thước, lý tưởng cho ứng dụng web. Dùng PNG ở nơi không chấp nhận SVG (một số ứng dụng email và mạng xã hội).

Khám phá thêm danh mục