---
title: "Sprites?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/183831-sprites"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "haider"
published: "2010-06-13T12:49:36.000Z"
updated: "2010-06-18T06:35:15.000Z"
replies: 10
views: 866
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/183831-sprites"
---

# Sprites?

## #1 — haider, 2010-06-13T12:49Z

Ta en titt på logo-filen på <https://www.linkedin.com>.

Sparar man ner png-filen (sprite_global_v1.png) så får man en rejält stor bild.
Hur funkar det egentligen att göra så - på något sätt används partier i den stora  bilden?
Och innebär det en fördel, att man alltså laddar in en enda stor bild en gång och sen på något vis återanvända partier av bilden?

Permalänk: https://www.webforum.nu/p/183831

## #2 — visslaren, 2010-06-13T12:54Z

med hjälp av background-position kan man styra vad av bilden som ska visas. Fördelen är väl att istället för att flera små bilder ska laddas så blir det bara en bild. Färre http-anrop på det sättet, vilket leder till att sidan går snabbare.

Här kan du läsa lite mer:
<http://developer.yahoo.com/performance/rules.html#num_http>

Permalänk: https://www.webforum.nu/p/2240359

## #3 — haider, 2010-06-13T13:02Z

Så man skapar en div med en bestämd storlek och sedan positionerar man den stora bilden innanför den storleksbestämda div:en, korrekt?

Väldigt intressant knep.

Permalänk: https://www.webforum.nu/p/2240360

## #4 — voigtann1, 2010-06-13T13:38Z

Precis, läs mer: <http://www.alistapart.com/articles/sprites>

Permalänk: https://www.webforum.nu/p/2240363

## #5 — StefanBergfeldt, 2010-06-14T11:38Z

Och om man till exempel har en server i Sverige och besökare i Australien så kan skillnaden vara som natt och dag!

Permalänk: https://www.webforum.nu/p/2240459

## #6 — haider, 2010-06-16T16:46Z

Själv har jag inte sett detta förrän rätt nyligen - varför har man inte gjort så förr?

Permalänk: https://www.webforum.nu/p/2240748

## #7 — StefanBergfeldt, 2010-06-17T05:57Z

För att tidigare versioner av webbläsare har haft svårt med "negativ" positionering.

Permalänk: https://www.webforum.nu/p/2240779

## #8 — haider, 2010-06-17T07:56Z

Okej.

Ta en närmare titt på bilden
<http://static.linkedin.com/scds/common/u/img/sprite/sprite_global_v1.png>

Den är rätt stor och jag har sett fler exempel på hur stora de är. Dessutom upplever jag att de inte är så välorganiserade. Eller kanske spelar det ingen roll? Att tomrumet inte bidrar till så mycket i storleken på själva filen och att det därmed inte blir någon fara? Elelr bör man "packa" de olika elementen tajtare inpå varandra?

Permalänk: https://www.webforum.nu/p/2240792

## #9 — voigtann1, 2010-06-17T08:09Z

> **[haider skrev:](https://www.webforum.nu/p/1508095)**
>
> Okej.
>
> Ta en närmare titt på bilden
> <http://static.linkedin.com/scds/common/u/img/sprite/sprite_global_v1.png>
>
> Den är rätt stor och jag har sett fler exempel på hur stora de är. Dessutom upplever jag att de inte är så välorganiserade. Eller kanske spelar det ingen roll? Att tomrumet inte bidrar till så mycket i storleken på själva filen och att det därmed inte blir någon fara? Elelr bör man "packa" de olika elementen tajtare inpå varandra?

Att "packar" ihop bilder kan ha en konsekvens i längden, och "stor" bild kan jag inte direkt påstå att den är, den är ju bara 10,01 kB (10 249 byte) kan garantera att om du delar upp den och skapar en bild per "block" så kommer den förmodligen överstiga 10 kB. data som beskriver att detta är en png bild behövs på varje bild som skapas.

Permalänk: https://www.webforum.nu/p/2240793

## #10 — StefanBergfeldt, 2010-06-17T08:25Z

Det som kan göra att det blir större fil totalt (jag har råkat ut för det) är att varje liten fil kan gå att komprimera hårt genom att minska antalet färger (png8) medans den grupperade bilden måste ha fler färger (png24) för att fungera.

Dock spelar det mindre roll i mitt fall, då det är Australiens ping-tid som ställer till problem. Att minska antalet requests gjorde STOR skillnad på upplevelsen för våra vänner "down under"

Permalänk: https://www.webforum.nu/p/2240799

## #11 — Web-Tor, 2010-06-18T06:35Z

Det första stället som jag såg det här på var på Youtube. Deras sprites-bild finns här:
<http://s.ytimg.com/yt/img/master-vfl171252.png>

Permalänk: https://www.webforum.nu/p/2240900

---

Tråden på webben: https://www.webforum.nu/amne/html-css/183831-sprites