msbuild를 사용하여 CSS 스프라이트 만들기?

Question

누구나 툴링을 보거나 심지어 기존 웹 사이트의 이미지에서 CSS 스프라이트를 생성하는 프로세스 개념 및 빌드 프로세스 중에 CSS를 보았습니까?

나는 단계가 될 것이라고 생각한다 :

1. 는
2. 어떤 CSS 클래스를 찾을 각각의 이미지
3. 에 대한 디렉토리
4. 에있는 모든 이미지에서 하나의 스프라이트 파일을 생성 이미지 디렉토리를 걸어 해당 이미지 사용
5. 새 스프라이트 파일을 사용하도록 CSS 클래스를 업데이트하십시오.

asp.net을 사용하여 msbuild의 내용을 멋지게 만들 것입니다. 그러나, 나는 거의 다가오는 것을 발견하고있다.

Answer 1

이 코드는 BSD 라이선스 코드 인 http://spritegen.website-performance.org/을 사용할 수 있습니다. (오른쪽에있는 다운로드 링크를 참조하십시오.)

Answer 2

몇 가지 간단한 이미지가있는 경우에만 자동 프로세스가 작동합니다. 프로세스를 수동으로 수행해야하는 몇 가지 이유가 있습니다.

일부 이미지 형식은 스프라이트에 대해 다른 것보다 잘 작동합니다. JPEG 이미지에서 스프라이트를 만들려고하면 압축이 한 이미지에서 다른 이미지로 쉽게 유출되어 아티팩트를 유발할 수 있습니다. GIF 및 8 비트 PNG와 같은 색인 색상 형식은 제한된 색상 수를 가지므로 색상 팔레트가 너무 다양한 이미지를 함께 사용하면 색상이 손실됩니다.

이미지를 가로 또는 세로로 반복하여 스프라이트 이미지를 결합하기가 어려울 수 있습니다.

이미지가 사용하는 요소보다 작 으면 투명 픽셀로 이미지를 채워야합니다. 요소의 크기가 어떤 식 으로든 동적 인 경우 자동 프로세스는 이미지에 필요한 패딩 정도를 알지 못합니다.