Tạo avatar có khung

Đặt ảnh chân dung vào khung Tết, cờ đỏ sao vàng, Trung thu hoặc khung riêng của bạn. Kéo để canh mặt rồi tải PNG nền trong suốt.

Ảnh chân dung

Ảnh xử lý ngay trong trình duyệt, không tải lên máy chủ nào.

Kéo thẳng trên ảnh để đưa khuôn mặt vào giữa.

Khung Kiểu khung

Để trống thì khung không có chữ.

Nên dùng ảnh PNG vuông, nền trong suốt.

Kết quả

Chọn một ảnh chân dung để bắt đầu.

Kéo thẳng trên ảnh để đưa khuôn mặt vào giữa.

Phần ngoài vòng tròn để trong suốt, nên đặt làm avatar ở đâu cũng vừa khít.

Các bước thực hiện

  1. Chọn ảnh chân dung

    Bấm Chọn ảnh rồi lấy một tấm PNG, JPG hoặc WebP dưới 10 MB. Ảnh chụp thẳng mặt, mặt chiếm chừng một phần ba khung hình là vừa đẹp. Tệp được đọc ngay trong trình duyệt nên không phải chờ tải lên.

  2. Kéo ảnh để đưa khuôn mặt vào giữa

    Giữ chuột - hoặc đặt ngón tay nếu dùng điện thoại - rồi kéo thẳng trên ảnh xem trước bên phải để dịch khuôn mặt vào giữa vòng tròn. Mặt còn nhỏ quá hay bị cắt mất cằm thì chỉnh thêm thanh Phóng to.

  3. Chọn kiểu khung

    Chọn Theo mẫu để lấy một khung dựng sẵn trong danh sách (Tết, cờ đỏ sao vàng, Trung thu, vòng trơn), hoặc Tự tải lên nếu công ty, câu lạc bộ của bạn đã có sẵn file khung riêng.

  4. Sửa chữ và độ dày khung

    Với khung dựng sẵn, ô Chữ trên khung nhận tối đa 40 ký tự chạy vòng theo cung dưới; để trống thì khung không có chữ. Thanh Độ dày khung chỉnh vành to nhỏ, riêng mẫu vòng trơn còn mở thêm ba ô màu.

  5. Chọn kích thước rồi tải PNG

    Chọn 512 × 512 cho ảnh đại diện thông thường, 1024 × 1024 nếu muốn ảnh nét trên màn hình lớn, rồi bấm Tải PNG. Ảnh ra có nền trong suốt ngoài vòng tròn nên đặt vào chỗ nào cũng vừa khít.

Câu hỏi thường gặp

Không. Toàn bộ việc ghép ảnh chạy bằng JavaScript ngay trong trình duyệt của bạn, trên một thẻ canvas. Trang không gửi ảnh đi đâu, cũng không lưu lại - tắt tab là hết. Vì vậy công cụ vẫn chạy bình thường cả khi bạn ngắt mạng sau lúc trang đã mở.

Kéo thẳng trên ảnh xem trước. Giữ chuột rồi rê theo hướng muốn dịch, trên điện thoại thì đặt ngón tay lên ảnh và kéo - thao tác này không làm cuộn trang.

Kéo mà vẫn hụt thì ảnh gốc đang quá rộng: tăng thanh Phóng to cho mặt lớn lên rồi kéo lại. Phóng to tính theo tỉ lệ cạnh nên đổi kích thước ảnh ra sau đó, bố cục vẫn giữ nguyên.

Ô caro xám trắng là quy ước cho biết chỗ đó trong suốt chứ không phải màu trắng. Ảnh PNG tải về giữ đúng vùng trong suốt ấy, nên đặt làm avatar trên nền tối hay nền sáng đều không lòi ra một ô vuông trắng quanh vòng tròn.

Chọn kiểu Tự tải lên rồi bấm Chọn file khung. Khung nên là ảnh PNG vuông, nền trong suốt ở giữa - phần trong suốt chính là chỗ khuôn mặt hiện ra.

File JPG dùng được nhưng nó không có vùng trong suốt nên sẽ che kín ảnh chân dung. Kích thước khung không cần khớp chính xác, công cụ tự co giãn cho vừa khung vuông.

Facebook, Zalo và hầu hết mạng xã hội đều nén ảnh đại diện xuống nhỏ hơn nhiều, nên 512 × 512 là đủ và tệp nhẹ hơn. Chọn 1024 × 1024 khi ảnh còn dùng vào việc khác - in thẻ, đưa lên website, hay hiển thị ở khung lớn trên màn hình độ phân giải cao.

Chữ chạy theo cung dưới của vòng tròn, và cung ấy chỉ dài có hạn. Khi chuỗi chữ dài hơn chỗ trống, công cụ co cỡ chữ lại cho vừa thay vì để chữ chạy vòng kín rồi chồng lên nhau. Muốn chữ to và rõ thì rút gọn câu, hoặc kéo thanh độ dày khung lên.

Ba mẫu theo dịp - Tết, cờ đỏ sao vàng, Trung thu - dùng bộ màu cố định cho đúng không khí của dịp đó. Mẫu Vòng trơn mới mở ba ô chọn màu: hai màu chuyển sắc cho vành và một màu cho chữ, hợp khi cần khung theo đúng màu thương hiệu.

Được. Ảnh ra là PNG vuông, đúng tỉ lệ 1:1 mà các mạng xã hội yêu cầu, và vòng tròn đã nằm sẵn trong khung vuông nên khi nền tảng cắt tròn ảnh đại diện thì phần khung vẫn còn nguyên. Đăng xong nhớ xem lại ảnh nhỏ trên điện thoại - chữ quá dài trên khung có thể khó đọc ở cỡ vài chục pixel.

Được, công cụ chạy trong trình duyệt điện thoại và thao tác kéo dùng ngón tay như trên máy tính. Ảnh chụp từ máy ảnh điện thoại đời mới thường nặng; nếu vượt 10 MB thì công cụ báo lại, lúc đó chọn bản ảnh nhẹ hơn hoặc chụp ở chế độ độ phân giải thấp.

Công cụ chạy hoàn toàn trên máy bạn. Dữ liệu không được gửi lên máy chủ hay bất kỳ nơi nào khác.