이미지 둥근 모서리
둥근 직사각형(또는 원·스퀘이클) 경로를 투명 PNG에 베이크해 이미지 클리핑. 아바타 정사각형·썸네일 타일·CSS 안 쓰고 `border-radius` 스타일에 맞춰야 할 이미지에 유용. 코너별 모드는 4개 독립 반경(상좌·상우·하우·하좌); 패딩은 클립 주위 불투명 보더 추가; JPEG은 알파 못 운반해서 투명도를 선택 배경색으로 평탄화.
—
사용법
- 이미지 드롭. 모드 선택 — 일반 둥근 카드엔 uniform radius, 정사각형 → 아바타엔 circle, iOS 스타일 모양엔 squircle.
- 코너별 모드는 비대칭 클립 필요 시(예: 채팅 버블 코너) 4개 슬라이더 제공.
- 투명 모서리 유지엔 PNG, 알파보다 크기 중요하면 JPEG 다운로드.
자주 묻는 질문
- 스퀘이클이란?
- 원과 정사각형 사이 연속 곡률 모양 — iOS 앱 아이콘 모양, Apple의 '슈퍼타원'(n≈4). 곡률에 직선-곡선 급격 전환 없어서 둥근 직사각형보다 부드러워 보임.
- 왜 출력에 체커보드 배경?
- 그건 그냥 투명 영역 보여주는 미리보기. 다운로드된 PNG는 실제 투명도 유지 — 페이지에 떨어뜨리면 모서리 투과됨.
관련 도구
Border Radius 생성기
코너 독립 드래그, 타원 반지름, CSS 복사 — 채팅 버블·필·블랍·탭 프리셋 포함.
색상 0 0
이미지 트림 (투명·단색 테두리 자동 제거)
이미지의 투명·흰색·검정·임의 단색 테두리를 자동 감지해 잘라냅니다. 허용 오차·여백·PNG/JPEG/WebP 내보내기 지원. 모든 처리는 브라우저에서.
이미지 0 0
라운드 로빈 페어 스케줄러 (토너먼트 · 1대1 로테이션)
모든 참가자가 다른 모든 참가자와 정확히 한 번씩 만나도록 — 고전 circle method로 라운드 로빈 페어링 스케줄을 생성합니다.
랜덤 0 0
CSS clip-path 빌더 (원, 타원, 다각형, Inset)
CSS `clip-path` 속성의 시각 빌더 — 도형 선택 (원, 타원, inset, 다각형), 슬라이더나 미리보기 클릭으로 다각형 점 추가, 붙여넣기 바로 가능한 CSS 선언 복사. 10가지 도형 프리셋 (삼각형, 육각형, 별, 화살표, 말풍선, 십자 등) 포함.
색상 0 0
이미지 크롭 (비율 맞춤)
이미지를 1:1·16:9·4:3 등 표준 비율로 자동 중앙 크롭합니다.
이미지 0 0
이미지 샤픈 (언샤프 마스크)
브라우저에서 언샤프 마스크 알고리즘으로 사진·스크린샷 선명화 — 슬라이더 3개 (amount, radius, threshold), 4개 프리셋 (약함 → 극강), 실시간 before/after 비교, PNG 다운로드. 업로드 없음.
이미지 0 0