스프라이트 생성기
여러 아이콘이나 작은 이미지를 한 장의 PNG 스프라이트 시트로 묶고, CSS background-position 클래스와 좌표 JSON을 함께 다운로드하세요.
PNG, JPG, WebP 아이콘을 추가하세요
여러 파일을 한 번에 선택할 수 있습니다.
작은 이미지를 한 장의 시트로 묶기
아이콘, 버튼 상태, 픽셀 아트 타일을 여러 파일로 관리하면 요청 수가 늘고 좌표를 맞추기 번거롭습니다. 스프라이트 생성기는 여러 이미지를 같은 셀 크기로 배치해 한 장의 PNG로 묶습니다.
열 수, 셀 크기, 간격, 바깥 여백을 조절해 게임 UI나 웹 아이콘 세트에 맞는 시트를 만들 수 있습니다. 결과 ZIP에는 PNG와 함께 바로 붙여 넣을 수 있는 CSS 클래스와 좌표 JSON이 포함됩니다.
이미지는 브라우저에서만 읽고 그려집니다. 결과 PNG는 새로 만든 캔버스에서 내보내므로 카메라 정보나 위치 정보 같은 원본 메타데이터가 들어가지 않습니다.
같이 쓰기 좋은 도구
현재 작업과 이어서 쓰기 쉬운 도구를 모았습니다.