이미지를 PDF로 변환
JPG와 PNG 등을 순서대로 PDF에 넣고 A4, Letter, 이미지 기준 페이지, 여백과 방향을 선택하세요. 완성본을 확인한 뒤 저장합니다.
스프라이트 시트 만들기
이미지 배치 · 간격 설정 · CSS와 좌표
이미지를 업로드하지 않아요
파일
0 · 0 개 선택됨
선택한 이미지가 없습니다.
이미지 또는 ZIP 파일을 여기에 놓으세요
이미지를 붙여넣거나 여러 장을 한 번에 선택할 수도 있습니다.
JPEG · PNG · WEBP · AVIF
처리 설정
고급 설정
내보내기 설정
신분증 사진 구도기기 내 감지는 구도만 제안하며, 내보내기 전 직접 조정할 수 있습니다.
이 이미지의 구도가 아직 확인되지 않았습니다.
신분증 사진 배경필요할 때만 기기에서 인물을 분리하며 원본은 전송되지 않습니다.
이미지 크기
미리 정한 크기주요 플랫폼 권장 크기
여러 규격을 선택하면 이미지마다 각 규격의 결과를 만듭니다.
아이콘 안전 여백
하나의 구도로 Favicon, PWA 및 일반 앱 아이콘 크기와 manifest를 생성합니다.
자르기 영역선택 영역을 드래그해 위치와 크기를 조정하세요
회전0°
품질
방향별 여백px
이미지 확대Real-ESRGAN · 2×
이미지에서 색상 선택
프레임 범위마지막 프레임을 비우면 끝까지 처리합니다.
Base64는 데이터가 커집니다. 브라우저 메모리를 보호하기 위해 입력 크기를 제한합니다.
도구 소개
아이콘이나 게임 이미지를 한 장에 모아 좌표로 필요한 영역을 표시할 수 있습니다. 가장 큰 소재에 맞춘 규칙적인 칸이므로 작은 그림 주변에는 빈 공간이 남습니다.
사용 방법
스프라이트 시트 만들기
이 도구로 할 수 있는 일
이미지를 열과 간격에 맞춰 합치고 원래 크기를 유지합니다. PNG, JSON 좌표와 CSS 배경 위치로 작은 소재를 정리하세요.
사용 방법
이미지 순서와 열 수, 간격을 설정하세요. 각 이미지는 원래 크기를 유지하며 가장 큰 이미지 기준 셀의 왼쪽 위에 놓입니다. 합성 이미지, JSON 좌표, CSS 위치가 제공됩니다.
결과 확인 및 다음 작업
주 이미지와 좌표, manifest, 보조 코드가 함께 생성됩니다. 전체 ZIP으로 관계를 유지할 수 있습니다.
개인정보 보호와 로컬 처리
처리는 브라우저에서 진행되며 이 도구는 원본 이미지를 업로드하지 않습니다.
자주 묻는 질문
크기가 다른 소재를 똑같이 늘이나요?
아닙니다. 가장 큰 이미지에 맞춘 칸 왼쪽 위에 원래 크기로 놓아 빈 공간이 남을 수 있습니다. PNG, JSON과 CSS를 내보냅니다. 투명 경계를 잘라 촘촘히 채우는 패킹 방식은 아닙니다.
출력한 CSS만으로 스프라이트가 표시되지 않는 이유는 무엇인가요?
CSS는 각 이미지의 크기와 배경 위치를 제공합니다. 페이지에서 시트의 background-image 경로와 알맞은 표시 방식을 추가해야 합니다. PNG, JSON, CSS는 같은 내보내기 결과를 함께 쓰고 열 수나 간격을 바꾸면 모두 교체하세요.
시트를 다시 만들 때 좌표가 어긋나지 않게 하려면 어떻게 하나요?
열 수와 간격을 정하기 전에 대기열 순서를 확정하세요. 현재 순서로 위치가 정해지므로 이미지를 추가·삭제·이동하면 뒤쪽 좌표도 바뀔 수 있습니다. 새 시트에 이전 좌표 파일을 연결하지 마세요.
관련 도구
새 탭에서 열립니다
댓글
0