Bỏ qua tới nội dung
Toolars
Khám phá
Báo lỗi

Tiện ích Hình ảnh · Cục bộ

Trình tạo blob SVG

SVG Blob Generator

Tạo blob SVG hữu cơ với 4–16 điểm neo, độ bất quy tắc và độ mượt điều chỉnh được. Hạt giống tái lập giúp tái tạo chính xác hình dạng; xuất SVG hoặc PNG.

Lộ trình tác vụ / từ đầu vào đến kết quả

Đặt kích thước canvas

Chạy cục bộ · Không có gì được tải lên

Cách Trình tạo blob SVG hoạt động, quyền riêng tư và các công cụ liên quan

Lộ trình tác vụ / từ đầu vào đến kết quả

Cách tạo một blob SVG hữu cơ

  1. 01

    Đặt kích thước canvas

    Nhập Chiều rộng và Chiều cao bằng số nguyên từ 64 đến 4.096 pixel; canvas bị giới hạn tổng 16.000.000 pixel. Khớp kích thước với nơi tài nguyên sẽ nằm — một phông hero muốn canvas rộng, một trang trí avatar muốn canvas vuông.

  2. 02

    Tạo dáng hình học

    Điểm neo (4–16) đặt độ phức tạp, Độ bất quy tắc (0–0.9) đặt độ lượn, và Độ mượt (0–1) đặt độ tròn. Hạt giống tái lập (1–99.999) đóng băng tính ngẫu nhiên: cùng hạt giống và cài đặt luôn tạo cùng một blob, khiến một hình dạng dễ tái tạo hay chia sẻ như một vài con số.

  3. 03

    Tạo kiểu tô, viền và nền

    Chọn một Màu blob dưới dạng giá trị hex sáu chữ số, bật Đường viền và đặt Độ rộng viền từ 0 đến 32 pixel cho một nét stroke, và giữ Canvas trong suốt bật hoặc chọn một Màu canvas. Bản xem trước cập nhật theo mọi thay đổi, và giá trị không hợp lệ được gắn cờ tại chỗ thay vì được xuất.

  4. 04

    Xuất tài nguyên

    Sao chép SVG đưa mã nguồn chính xác vào clipboard để dán vào markup, trong khi Tải xuống SVG và Tải xuống PNG xuất vector hoặc một bản render raster ở kích thước canvas đã chọn. SVG vẫn là một path đơn gọn, nên rẻ để inline trên một trang.

Thông tin công cụ

Xử lý
Trong trình duyệt của bạn
Dữ liệu nhập rời thiết bị này
Không bao giờ
Lưu giữ
Không có gì được lưu
Giá
Miễn phí

Dữ liệu bạn nhập ở lại trong trình duyệt.

Trình tạo blob SVG dùng lộ trình thực thi cục bộ đã xác minh và không tạo lịch sử đầu vào hay đầu ra ẩn.

Thực thi cục bộ

Chạy bên trong tab trình duyệt hiện tại.

Không xử lý ẩn

Dữ liệu công cụ đang hoạt động không bao giờ trở thành bản ghi tài liệu của Toolars.

Không cần tài khoản

Dùng quy trình cốt lõi mà không cần tạo hồ sơ. Mục yêu thích đồng bộ vào tài khoản sau khi bạn đăng nhập.

Đặt lại ngay lập tức

Xóa tab và dữ liệu đang làm việc sẽ biến mất.

Trình tạo blob SVG thực sự làm gì

Một hero section cần hình dạng hữu cơ mềm sau dòng tiêu đề, một thẻ testimonial muốn một blob đúng màu thương hiệu, một bộ slide thuyết trình cần ba biến thể rõ ràng thuộc cùng một họ. Với một hạt giống chung và một thanh trượt được chỉnh, ba người anh em mất vài phút: cùng canvas, cùng điểm neo, độ bất quy tắc đẩy từ 0.3 lên 0.5. Trình tạo blob SVG biến việc đó thành công việc hai phút với hình học có hạt giống, tái lập được — và vì không giá trị hình dạng nào rời khỏi trang, việc khám phá riêng tư theo thiết kế.

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

Hạt giống làm gì?
Hạt giống giúp tái tạo hình học blob. Cùng hạt giống và cài đặt hình sẽ cho cùng đường viền. SVG giữa các ngôn ngữ không nhất thiết trùng từng byte vì tiêu đề trợ năng được dịch; hãy so đường path nếu cần kiểm tra hình dạng.
Làm sao tạo một họ blob đồng bộ?
Hai công thức hiệu quả. Giữ hạt giống cố định và thay đổi một điều khiển — độ bất quy tắc hoặc độ mượt — cho những anh em rõ ràng chia sẻ một silhouette. Hoặc giữ mọi điều khiển cố định và chỉ đổi hạt giống cho một bộ hình dạng khác nhau với cùng tính cách. Cả hai đều tái lập được vì hình học là xác định.
Vì sao giá trị của tôi bị từ chối?
Mọi điều khiển đều bị chặn: 4–16 điểm neo, độ bất quy tắc 0–0.9, độ mượt 0–1, độ rộng viền 0–32 pixel, màu hex sáu chữ số, và canvas từ 64 đến 4.096 pixel mỗi cạnh trong tổng 16.000.000 pixel. Đầu vào ngoài dải bị từ chối kèm dải hợp lệ được nêu, và bản xem trước chờ các điều khiển hợp lệ thay vì render một hình hỏng.
Canvas trong suốt thay đổi điều gì?
Khi bật, nền SVG được để trống, nên blob lơ lửng trên bất cứ thứ gì phía sau nó trên trang và bản xuất PNG giữ độ trong suốt thật. Tắt nó và chọn một Màu canvas để nướng một hình chữ nhật nền đặc vào cả SVG lẫn PNG — hữu ích khi tài nguyên hướng tới một công cụ tổng hợp kém trên nền trống.
Xuất SVG hay PNG — tôi nên chọn cái nào?
Tải xuống SVG giữ hình dạng như một vector gọn co giãn sạch trong các công cụ thiết kế và trang web. Tải xuống PNG raster hóa đầu ra hiện tại ở đúng kích thước canvas, hợp với bộ slide, tài liệu và các công cụ không đọc SVG.
Thiết kế của tôi có rời khỏi trình duyệt không?
Không. Tạo, xem trước và xuất đều diễn ra cục bộ trong tab này; không giá trị hình dạng, màu sắc hay hạt giống nào đi vào bộ nhớ lưu trữ, log hay mạng, và không cần tài khoản.

Tiếp tục trong Studio hình ảnh

Tác vụ liên quan, không phải ngõ cụt.

Chuyển sang một không gian làm việc tập trung khác mà không cần quay lại mục lục đầy đủ.

Cắt ảnh

Image Cropper

Cắt PNG, JPEG hoặc WebP theo tọa độ pixel chính xác với tỷ lệ tự do, 1:1, 4:3, 3:2 hoặc 16:9. Xuất PNG, JPEG hay WebP ở chất lượng chọn được, cục bộ.

Chỉnh sửa

Bộ lọc ảnh

Image Filters

Điều chỉnh độ sáng, tương phản, bão hòa, thang xám, sepia và làm nhòe qua sáu thanh trượt, rồi tải PNG ở kích thước nguồn, xử lý hoàn toàn trong trình duyệt.

Chỉnh sửa

Đổi kích thước ảnh

Image Resizer

Đổi kích thước ảnh về pixel chính xác có khóa tỷ lệ, hoặc xử lý hàng loạt tối đa 12 hình thành một tệp zip. Xuất PNG, JPEG hoặc WebP, không tải lên.

Chỉnh sửa

Màu trung bình của ảnh

Image Average Color Finder

Tính màu trung bình của ảnh với trọng số alpha — pixel trong suốt bị bỏ qua — và sao chép giá trị dạng HEX, rgb() hoặc rgba(). Phân tích chạy cục bộ.

Kiểm tra