Generator sprite sheet
Połącz obrazy w sprite sheet z automatycznie generowanym kodem CSS. 100% w przeglądarce.
Ctrl+Enter uruchomCtrl+Shift+C kopiuj
Dowiedz się więcej
Generator CSS Sprite Sheet: Łączenie obrazów z kodem CSS
Dowiedz się, jak tworzyć arkusze sprite z automatycznie generowanym kodem CSS background-position do optymalizacji stron internetowych.
Czym są CSS Sprite Sheets
Arkusz sprite łączy wiele małych obrazów w jeden większy plik obrazu. Każdy pojedynczy obraz zajmuje zdefiniowany region w arkuszu. W tworzeniu stron internetowych CSS background-position jest używany do wyświetlania tylko tej części arkusza sprite, która jest potrzebna dla danego elementu, redukując zapytania HTTP i poprawiając wydajność ładowania strony.
5 min czytaniaPrzeczytaj pełny poradnik