본문으로 건너뛰기
Toolars
둘러보기
버그 신고

이미지 · 로컬 유틸리티

SVG Blob 생성기

SVG Blob Generator

앵커 수, 불규칙성, 부드러움을 조절해 유기적인 SVG 블롭을 만듭니다. 시드로 재현 가능하고 SVG나 PNG로 내보냅니다.

작업 경로 / 입력에서 결과까지

캔버스 크기 설정

로컬에서 실행 · 업로드 없음

SVG Blob 생성기 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

유기적인 SVG 블롭을 생성하는 방법

  1. 01

    캔버스 크기 설정

    “너비”와 “높이”에 64~4,096 사이의 정수 픽셀 값을 입력하세요. 캔버스는 총 16,000,000픽셀이 상한입니다.

  2. 02

    지오메트리 빚기

    “앵커 포인트”(4~16)는 복잡도를, “불규칙성”(0~0.9)은 흔들림을, “부드러움”(0~1)은 둥근 정도를 정합니다. “재현 가능한 시드”(1~99,999)는 무작위성을 고정해, 같은 시드와 설정에서는 항상 같은 블롭이 나와요.

  3. 03

    채움, 윤곽선, 배경 스타일링

    “블롭 색상”은 6자리 16진수 값으로 지정하고, “윤곽선”을 켜고 “윤곽선 굵기”를 0~32픽셀로 정하면 스트로크가 생겨요. 배경은 “투명 캔버스”를 유지하거나 “캔버스 색상”을 고를 수 있습니다.

  4. 04

    에셋 내보내기

    미리보기는 변경할 때마다 갱신됩니다. “SVG 복사”는 정확한 소스를 클립보드에 넣고, “SVG 다운로드”와 “PNG 다운로드”는 벡터 또는 캔버스 크기로 래스터화한 이미지를 내보내요.

도구 요약

처리
브라우저에서 완결
입력의 기기 외 전송
없음
저장
아무것도 저장하지 않음
가격
무료

입력 값은 브라우저에 머물러요.

SVG Blob 생성기 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.

로컬 실행

현재 브라우저 탭 안에서 실행됩니다.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

SVG Blob 생성기 도구가 실제로 하는 일

히어로 섹션의 헤드라인 뒤에 부드러운 유기적 형태가 필요하고, 고객 후기 카드에는 브랜드 색에 딱 맞는 블롭을 얹고 싶고, 발표 자료에는 같은 패밀리로 보이는 세 가지 변형이 필요합니다. SVG Blob 생성기는 시드 기반의 재현 가능한 지오메트리로 이를 2분짜리 작업으로 만들어요. 형태 값이 페이지를 벗어나지 않으므로 탐색 과정은 설계상 비공개입니다.

자주 묻는 질문

시드는 무슨 역할을 하나요?
시드는 블롭의 기하 형태를 재현하게 해요. 시드와 모양 설정이 같으면 윤곽도 같아요. 다만 접근성 제목이 번역되므로 언어가 다른 SVG 파일의 바이트까지 같지는 않을 수 있어요. 형태가 중요하면 경로를 비교하세요.
어울리는 블롭 패밀리를 만들려면요?
잘 되는 방법이 두 가지 있습니다. 시드를 고정하고 “불규칙성”이나 “부드러움” 같은 컨트롤 하나만 바꾸면 실루엣을 뚜렷이 공유하는 형제가 됩니다. 아니면 모든 컨트롤을 고정하고 시드만 바꾸면 성격은 같고 모양이 다른 세트가 됩니다. 지오메트리가 결정론적이라 둘 다 재현 가능합니다.
값이 거부되는 이유는요?
모든 컨트롤에는 경계가 있습니다. 앵커 포인트 4~16, 불규칙성 0~0.9, 부드러움 0~1, 윤곽선 굵기 0~32픽셀, 색상은 6자리 16진수, 캔버스는 한 변 64~4,096픽셀에 총 16,000,000픽셀 이내입니다. 범위를 벗어난 입력은 유효 범위를 명시해 거부됩니다.
“투명 캔버스”는 무엇을 바꾸나요?
켜면 SVG 배경이 비워져 블롭이 페이지에서 뒤에 있는 무엇이든 위에 떠 있고, PNG보내기도 진짜 투명도를 유지합니다. 끄고 “캔버스 색상”을 고르면 SVG와 PNG 모두에 단색 배경 사각형이 구워져요. 빈 배경 위에서 합성이 서툰 도구로 보낼 에셋에 유용합니다.
SVG와 PNG 내보내기 중 무엇을 고르나요?
“SVG 다운로드”는 디자인 도구와 웹페이지에서 깔끔하게 스케일되는 간결한 벡터를 유지합니다. “PNG 다운로드”는 현재 출력을 정확한 캔버스 크기로 래스터화하므로 슬라이드, 문서, SVG를 읽지 못하는 도구에 적합합니다.
디자인이 브라우저 밖으로 나가나요?
아니에요. 생성, 미리보기, 내보내기가 모두 이 탭에서 로컬로 이뤄지고, 형태 값, 색상, 시드가 저장소, 로그, 네트워크에 들어가지 않습니다.

이미지 스튜디오 카테고리에서 계속하기

막다른 길이 아니라 이어지는 작업입니다.

전체 인덱스로 돌아가지 않고 다른 집중 워크스페이스로 바로 이동합니다.

이미지 자르기

Image Cropper

PNG·JPEG·WebP 이미지를 정확한 픽셀 좌표와 자유·고정 비율로 잘라 PNG, JPEG, WebP로 내보냅니다.

편집

이미지 필터

Image Filters

밝기, 대비, 채도, 회색조, 세피아, 흐림 여섯 개 슬라이더로 사진을 보정하고 원본 크기 PNG로 내려받습니다.

편집

이미지 크기 조절

Image Resizer

이미지를 가로세로비 잠금과 정확한 픽셀 크기로 조절합니다. 한 장씩 또는 최대 12장까지 한 번에 ZIP으로 받습니다.

편집

이미지 평균 색상 찾기

Image Average Color Finder

이미지의 알파 인식 평균 색상을 계산해 HEX, rgb(), rgba()로 복사합니다. 투명 픽셀은 평균에 섞이지 않고 제외됩니다.

검사