타일 이미지를 업로드하고 설정 가능한 캔버스에서 심리스 타일링 미리보기를 생성하세요. 타일 크기, 회전, 간격을 조절하고 여러 타일링 모드 중에서 선택하세요. PNG로 내보내기 또는 CSS 배경 스니펫 복사. 100% 클라이언트 측 처리.
반복 타일로 사용할 이미지를 드래그 앤 드롭하거나 클릭하여 업로드합니다. 지원 형식: PNG, JPG, SVG, WebP.
일반 그리드, 하프 브릭 오프셋(벽돌쌓기 방식), 대각선 오프셋, 미러 타일링 중 선택하여 타일 배열 방식을 변경합니다.
컨트롤을 사용하여 타일 크기, 회전 각도, 간격, 캔버스 크기, 배경색을 세밀하게 조정합니다.
설정을 변경하면 캔버스가 실시간으로 업데이트되어 타일 패턴이 실제로 어떻게 보일지 확인할 수 있습니다.
패턴을 PNG 이미지로 다운로드하거나, 웹 프로젝트에 사용할 CSS 배경 스니펫을 복사합니다.
이 도구는 HTML5 Canvas API를 사용하여 설정 가능한 캔버스 전체에 타일 이미지를 반복 그립니다. 패턴 레이아웃을 최대한 제어하기 위해 각 타일이 개별적으로 배치 및 변환됩니다.
크기 조정 컨트롤로 각 타일을 원본 크기의 25%~400%로 조정할 수 있습니다. 회전은 각 타일 중심을 기준으로 변환을 적용하며, 0~360도 사이의 어떤 각도도 설정 가능합니다.
CSS 내보내기는 단일 타일 캔버스를 만들고, 현재 크기 및 회전 설정으로 타일을 렌더링하여 data URI로 변환한 후, 적절한 background-repeat 및 background-size 값이 포함된 background-image CSS 속성을 생성합니다.
모든 이미지 처리는 Canvas API를 사용하여 브라우저 내에서 완전히 이루어집니다. 이미지는 서버에 업로드되지 않으므로 완전한 개인정보 보호가 보장됩니다.
PNG, JPG, JPEG, SVG, WebP, GIF, BMP 등 브라우저에서 지원하는 모든 이미지 형식을 업로드할 수 있습니다. 투명도가 있는 타일에는 PNG를 권장합니다.
패턴 미리보기를 보려면 타일 이미지를 업로드하거나 내장 도형을 선택하세요
패턴 랜덤화은(는) 서포터 전용 기능입니다.
저장된 프리셋은(는) 서포터 전용 기능입니다.
도구 기록은(는) 서포터 전용 기능입니다.
도구 메모은(는) 서포터 전용 기능입니다.
