0
ive는 온라인 슬리퍼 서비스 http://spritegen.website-performance.org/을 사용했지만 직접 작성하는 방법을 알고 싶습니다.스프라이트를 만드는 방법
이미지를 작게 만들어야하지만 어떻게하면 내 웹 사이트에서 정상적인 크기로 출력 할 수 있습니까?
A
답변
0
스프라이트는 이미지 자체를 작게 만드는 것이 아니라 여러 이미지를 하나로 묶어서 파일 크기를 줄이는 것입니다.
Yahoo's icon sprite을 살펴보십시오. 하나의 큰 이미지에서 모든 섹션 아이콘이 세로로 쌓여 있음을 알 수 있습니다. 그런 다음 CSS를 사용하여 배경을 배치하여 스프라이트 이미지의 창만 표시하여 아이콘 만 제공합니다.
결국 스프라이트를 정렬하는 방법은 귀하에게 달려 있습니다. Amazon's sprite 하단을 확인하십시오.
어느 쪽이든, 도움이되면 스프라이트의 개념을 더 잘 이해할 수 있습니다. the very site you link에서
0
:
CSS 스프라이트 이미지에 대한 귀하의 사이트에서 참조 자원을 만든 HTTP 요청의 수를 줄일 수있는 방법입니다. 이미지는 정의 된 X 및 Y 좌표에서 하나의 더 큰 이미지로 결합됩니다. 이 생성 된 이미지 을 관련 페이지 요소에 할당하면 백그라운드 위치 CSS 속성을 사용하여 을 필요한 구성 요소 이미지로 표시 영역을 이동하는 데 사용할 수 있습니다.
그래서 마법 같은 일은 없습니다. 좋아하는 그래픽 도구로 모든 사진을 하나의 거대한 이미지에 넣고 CSS 배경으로 삽입하기 만하면됩니다. 그냥 구글이 CSS 스프라이트를 보면 :
에 오신 것을 환영합니다 1990 게임 개발을. – acron
고마워요! 그래서 어디서 파일 크기를 줄이는 지 알 수 있습니다. 웹에서 photoshop 저장을 클릭하면 이러한 모든 옵션이 나타납니다. 내가해야 할 일을 설명하는 좋은 기사들? – knowzero