간략한 소개: CSS 스프라이트는 이미지 파일에 대한 HTTP 연결 요청 수를 효과적으로 줄일 수 있습니다. 여러 이미지가 특정 거리에서 하나의 큰 이미지 파일로 병합됩니다. 페이지에서 이러한 이미지를 사용하는 요소는 배경 위치 속성을 사용합니다. 병합된 이미지에서 지정된 위치를 표시하는 CSS 속성입니다. 이 기술은 특히 웹페이지에 많은 메뉴 표시줄 아이콘과 같이 작은 이미지가 많은 경우 웹사이트 성능을 효과적으로 향상시킬 수 있습니다.
다음은 Realazy의 CSS Sprites 기술에 대한 자세한 소개입니다. 나, 항의하지 마시길 바랍니다: P 더 나은 번역이 있다면 제안해 주세요 ^^
여러 개의 작은 이미지를 ZIP 파일로 압축하고 업로드하는 CSS 이미지 스티칭 생성기를 소개하겠습니다. 그런 다음 자동으로 연결된 이미지를 생성합니다. 그림 및 CSS 규칙, 배경색, 배경 투명 여부, CSS 선택기의 접미사 및 접미사 등을 사용자 정의할 수도 있습니다. 강력합니다 ^ ^
어, 왜 소개해야 하지? 중국어 인터페이스는 제가 번역했으므로 더 나은 번역 제안을 제공해 주시기 바랍니다.
번역된 텍스트는 Google 코드(http://cssspritegeneratorchinese.googlecode.com/svn/)에서 확인할 수 있습니다.
http://spritegen.website-performance.org/?action=home&lang=cn