CSS 스프라이트 생성기
여러 이미지를 하나의 스프라이트 이미지로 결합하고 CSS 코드를 생성합니다
이미지 업로드
클릭하여 이미지 선택
PNG, JPG, GIF, SVG 지원
0개 이미지 업로드됨
스프라이트 설정
스프라이트 최적화 팁
1. 관련 이미지 그룹화
관련된 이미지들(아이콘, 버튼 등)을 하나의 스프라이트로 묶어 HTTP 요청을 줄이세요.
2. 적절한 간격 설정
이미지 간 간격을 적절히 설정하여 다른 이미지가 보이는 문제를 방지하세요.
3. 크기 최적화
스프라이트 크기가 너무 크면 로딩 시간이 길어질 수 있습니다. 적절한 크기로 분할하세요.
4. 압축 사용
PNG 이미지를 사용하고 추가 압축 도구를 사용하여 파일 크기를 줄이세요.