CSS 스프라이트 생성기 온라인

빠른 시작

즉시 사용 가능한 통합 패키지를 사용하여 이미지를 투명한 CSS 스프라이트로 결합합니다.

이미지 업로드 및 선택
배열, 패딩 및 CSS 크기 선택
PNG, CSS, JSON 및 HTML 미리보기 생성 및 다운로드

파일 선택 여기에 파일을 드래그 앤 드롭하세요...(또는 클릭하여 파일 선택) 또는 파일이 포함된 아카이브를 삭제하세요. 파일 업로드

CSS 스프라이트 생성기 온라인

여러 개의 작은 이미지를 업로드하고 이를 하나의 CSS 스프라이트 시트로 결합합니다. 생성기는 각 파일에 대한 최종 이미지와 CSS 위치를 생성하므로 페이지에서 더 적은 수의 이미지 요청을 로드할 수 있습니다.

아이콘, UI 자산, 기존 레이아웃, 이메일 템플릿 및 작은 웹 그래픽에 사용하세요. 파일을 추가하고 올바른 순서로 정렬한 후 스프라이트를 빌드하고 생성된 CSS를 복사합니다.

✓ 이미지 세트에서 스프라이트를 만드는 빠른 도구가 필요하십니까?

✓ 게임을 만들고 싶거나 사이트 로딩 속도를 높이고 싶나요?

✓ 출력 시 애플리케이션에 빠르게 삽입할 수 있는 스프라이트와 스타일이 포함된 아카이브를 받게 됩니다.

✓ 컴퓨터에 소프트웨어를 설치할 필요가 없습니다. 필요한 것은 브라우저와 인터넷 접속뿐입니다.

✓ 고정 PC와 태블릿, 노트북 모두에서 작업이 가능합니다.

✓ 귀하의 데이터는 귀하만 사용할 수 있습니다. 잠시 후 서버에서 삭제됩니다. 우리 서비스는 아무것도 저장하지 않습니다.

Supported formats

This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.

Images

APNG AVIF BMP DDS DPX EXR FITS FTS GIF HDR HEIC HEIF ICO J2C J2K JPC JPE JPEG JPG JP2 JPF JPM JPS JXL MJ2 PAM PBM PCX PDN PGM PNG PNM PPM PSD TGA TIF TIFF WBMP WEBP SVG

A damaged file or a non-standard codec can still fail even when the extension is supported.