Ảnh sang SVG

Chuyển ảnh PNG, JPG sang SVG vector, phóng to bao nhiêu cũng không vỡ.

Dữ liệu vào

Kéo thả ảnh vào đây

PNG, JPG, WebP, GIF, BMP - tối đa 20.00 MB

Công cụ Ảnh sang SVG dò các mảng màu trong ảnh bitmap của bạn và vẽ lại chúng thành những hình vector khép kín, cho ra một file SVG phóng to bao nhiêu cũng không vỡ. Toàn bộ việc xử lý chạy bằng JavaScript ngay trong trình duyệt, nên ảnh bạn chọn không hề được tải lên máy chủ nào.

Ảnh bitmap như PNG hay JPG là một lưới pixel: phóng to lên là thấy ô vuông và viền răng cưa. SVG thì lưu hình dạng bằng công thức toán học, nên nét vẫn sắc ở mọi kích thước, từ favicon 16px đến tấm biển in khổ lớn. Đó là lý do logo, icon và hình minh hoạ phẳng nên ở dạng vector.

Bạn chọn một trong bốn chế độ dựng sẵn theo loại ảnh, rồi tinh chỉnh ba thông số: số màu (ảnh được rút gọn về bấy nhiêu màu trước khi dò hình), độ mượt (bám sát từng pixel hay làm mềm đường cong), và ngưỡng bỏ chi tiết nhỏ (loại các đốm vụn làm file phình to). Kết quả hiện lại ngay sau mỗi lần chỉnh.

Có một tuỳ chọn đáng để ý là độ phân giải xử lý. Dò hình trên ảnh nhỏ ở mức 1x thì mỗi đường cong chỉ được ghi lại chính xác tới từng pixel, và viền sẽ hơi gợn sóng. Đặt 2x hoặc 4x sẽ phóng ảnh lên trước khi dò, cho thuật toán thông tin dưới mức pixel để bám theo, đổi lại xử lý lâu hơn.

Hãy biết trước một điều: vector không phải lúc nào cũng tốt hơn. Với ảnh chụp, công cụ phải chia bức ảnh thành hàng nghìn mảng màu, cho ra file SVG nặng hơn ảnh gốc nhiều lần mà nhìn lại giống tranh dán giấy. Vector chỉ thật sự có lợi với hình khối màu phẳng: logo, icon, biểu đồ, chữ, hình vẽ nét.

Công cụ này làm được gì

  • Nhận mọi định dạng ảnh thường gặp

    PNG, JPG, WebP, GIF và BMP, kéo thả trực tiếp hoặc chọn từ máy.

  • Bốn chế độ dựng sẵn

    Logo, tranh vẽ, ảnh chụp và bóng đen một màu, mỗi chế độ đã đặt sẵn thông số hợp lý.

  • Xem trước tức thì

    Ảnh gốc và kết quả nằm cạnh nhau, cập nhật lại sau mỗi lần bạn kéo thanh trượt.

  • Khử răng cưa bằng siêu lấy mẫu

    Chế độ 2x và 4x phóng ảnh trước khi dò hình để viền cong mượt thay vì gợn sóng.

  • Cho biết file nặng hay nhẹ hơn

    So sánh dung lượng SVG với ảnh gốc, để bạn biết việc chuyển đổi có đáng hay không.

  • Chạy hoàn toàn trong trình duyệt

    Ảnh không được tải lên máy chủ nào, và công cụ vẫn chạy khi mất mạng.

Cách chuyển ảnh sang SVG

  1. Tải ảnh lên

    Kéo thả ảnh vào khung, hoặc bấm nút chọn ảnh từ máy. Giới hạn 20 MB.

  2. Chọn loại ảnh

    Chọn Logo cho hình phẳng ít màu, Tranh vẽ cho hình nhiều màu, hoặc Bóng đen cho khuôn một màu.

  3. Chỉnh số màu

    Giảm số màu cho file nhẹ và hình gọn hơn; tăng lên nếu mất những mảng màu quan trọng.

  4. Chỉnh độ mượt và chi tiết

    Tăng độ mượt để bỏ răng cưa, tăng ngưỡng bỏ chi tiết nhỏ để dọn các đốm vụn.

  5. Tăng độ phân giải xử lý nếu viền còn gợn

    Đổi sang 2x hoặc 4x. Ảnh càng nhỏ thì mức này càng tạo khác biệt rõ.

  6. Tải SVG về

    Bấm Tải SVG để lưu file, hoặc sao chép thẳng mã SVG để dán vào trang web của bạn.

Câu hỏi thường gặp về chuyển ảnh sang SVG

Ảnh của tôi có bị tải lên máy chủ không?

Không. Ảnh được giải mã và dò hình hoàn toàn bằng JavaScript trong trình duyệt của bạn. Không có yêu cầu mạng nào mang dữ liệu ảnh đi, nên công cụ dùng được cả với ảnh riêng tư.

Chuyển ảnh chụp sang SVG có đẹp không?

Thường là không. Ảnh chụp có chuyển màu liên tục, mà SVG thì lưu bằng các mảng màu phẳng, nên kết quả trông như tranh dán giấy và file lại nặng hơn ảnh gốc nhiều lần. Công cụ này phát huy tốt nhất với logo, icon, chữ và hình vẽ nét.

Vì sao viền của tôi bị gợn sóng?

Vì thuật toán dò hình chỉ ghi lại đường cong chính xác tới từng pixel của ảnh gốc. Đổi độ phân giải xử lý sang 2x hoặc 4x để phóng ảnh lên trước khi dò, rồi tăng thanh độ mượt. Với ảnh nhỏ, cách này tạo khác biệt rất rõ.

Vì sao file SVG lại nặng hơn ảnh PNG ban đầu?

Vì mỗi mảng màu là một đường path riêng, nên ảnh càng nhiều màu thì file càng phình. Hãy giảm số màu, tăng ngưỡng bỏ chi tiết nhỏ, và tăng độ mượt. Công cụ luôn hiện phần trăm chênh lệch dung lượng để bạn biết mình đang đi đúng hướng hay không.

SVG kết quả có sửa lại được không?

Được. File là SVG chuẩn gồm các thẻ path thường, mở được bằng Illustrator, Inkscape, Figma hay bất kỳ trình sửa vector nào, và đổi màu được trực tiếp bằng CSS.

Chuyển được ảnh có nền trong suốt không?

Được. Vùng trong suốt được giữ nguyên. Nếu muốn tách lấy hình dạng thành một màu duy nhất trên nền trong suốt, hãy chọn chế độ Bóng đen một màu.

Có giới hạn số lần dùng không?

Không. Công cụ miễn phí, không cần đăng ký, không giới hạn số lần, và không đóng dấu chìm lên kết quả.

Công cụ liên quan

Các công cụ khác trên Toolbox: