홈으로 돌아가기
스프라이트 시트 생성기 – CSS 스프라이트 및 텍스처 아틀라스
여러 이미지를 하나의 스프라이트 시트로 묶고 정확한 CSS 배경 위치와 TexturePacker 스타일 JSON 맵을 얻으세요. CSS 스프라이트, 웹 아이콘, 게임 애니메이션 프레임에 이상적입니다. 순서를 변경하고, 열과 패딩을 설정한 다음, 시트와 좌표를 다운로드하세요. 무료, 비공개이며 100% 브라우저에서 작동합니다.
묶을 이미지 업로드
지원 형식: JPG, PNG, WEBP, BMP, GIF (비애니메이션)
이미지를 붙여넣기(Ctrl/⌘+V)하거나 끌어다 놓기 — 또는 URL로 가져오기
여러 작은 이미지를 하나의 스프라이트 시트로 결합하여 사이트나 게임 속도를 높이세요. Image Machine은 브라우저에서 아이콘이나 프레임을 하나의 이미지로 압축합니다. 업로드나 계정 없이 단일 요청으로 제공할 수 있습니다. 시트는 사용자 기기에서 생성되며 자산은 비공개로 유지됩니다.
사용 방법
도구 선택
120+개의 도구 중에서 골라 이미지를 크기 조정, 변환, 압축하거나 향상시키세요.
업로드 및 편집
이미지를 끌어다 놓고 설정을 조정하세요. 파일은 기기에 그대로 유지됩니다.
다운로드
결과물을 즉시 저장하세요 — 워터마크도, 가입도 필요 없습니다.
왜 Image Machine인가요?
파일이 기기를 벗어나지 않습니다
모든 처리는 브라우저에서 로컬로 실행됩니다. 이미지가 서버에 업로드되는 일은 절대 없습니다.
완전 무료
모든 도구가 무료이며, 사용 제한도, 워터마크도, 숨겨진 비용도 없습니다.
번개처럼 빠른 속도
업로드 대기 없이 — 이미지가 사용자의 기기에서 즉시 처리됩니다.
전문가급 품질
픽셀 단위까지 완벽한 결과물, 포맷·크기·품질을 자유롭게 제어할 수 있습니다.
자주 묻는 질문
sprite sheet는 어디에 쓰나요?
sprite sheet는 아이콘, 버튼, 애니메이션 프레임 같은 여러 작은 그래픽을 하나의 이미지로 합칩니다. 수십 개 대신 단 하나의 파일을 불러오면 네트워크 요청이 줄어들어 웹 페이지와 게임이 더 빨라집니다.
웹사이트에서 sprite sheet를 어떻게 사용하나요?
합쳐진 이미지를 표시하고 CSS background-position으로 위치를 옮겨 필요한 아이콘만 보여 주세요. 애니메이션 엔진도 같은 방식으로, 시트에 담긴 프레임을 차례로 넘기며 동작합니다.
이미지를 합치면 품질이 떨어지나요?
아니요. 각 이미지는 완전한 해상도로 시트에 배치됩니다. PNG로 내보내면 투명도와 함께 모든 것이 무손실로 유지되는데, 이는 아이콘과 UI 스프라이트의 표준 선택입니다.