Kép beszúrása stíluslapra vagy oldalkódba
Ezzel a szolgáltatással megszabadulhat sok apró kép hosszú betöltéséből a képkódok CSS stílusfájlba való átvitelével. mert Az Internet Explorer nem támogatja a kép beágyazását a szövegbe, akkor külön kódot használ.
Készenléti kód készítéséhez adja meg a képet, kattintson a "Kód generálása" gombra, és helyezze be a kapott képet a webhelyére.
Kattintson a képre, hogy megkapja a mintakódot.
Ha képet szeretne beszúrni az oldal HTML-jébe, használja a következő kódot:
Ha a képet CSS fájlként hivatkozásként szeretné beszúrni, használja a következő kódot:
Műszaki információk
A weboldalakon található képek beágyazása adatok felhasználásával: URI, base64 kódolás használható. Ez a séma lehetővé teszi a képkód közvetlen beillesztését az (x) HTML oldalra külső fájlok elérése nélkül, ami csökkenti a HTTP-kérelmek teljes számát a kiszolgálóra. Az Inline vagy InLine képek az alábbi adatokat használják: URI-séma a bináris képkód közvetlen beillesztésére a weboldal testébe. Az RFC 2397-ben meghatározottak szerint az ilyen URI-k úgy készültek, hogy apró objektumokat közvetlen adatokká alakítsanak. A beépített képek segítségével a HTTP kéréseket külső erőforrásokra mentheti.
Szintaxis az adatokban: Az URL a következő:
Érvényes adattípus: image / gif. kép / jpeg. kép / pjpeg. kép / png. Az adattípus a mime_content_type függvény segítségével definiálható
Az adatok előnyei: URL
- Adatok: URL használatával mentheti a HTTP-kérelmek számát.
- A párhuzamos böngészõterhelések számának csökkentésével nagyon nagy számú kis ikonra / bélyegképre nagyon nagy nyereséget érhet el az oldal betöltési sebességében.
- Egyszerűsítse a HTTP-kéréseket és javítsa az általános teljesítményt.
- A beágyazott képeket gyorsbetűkkel együtt tárolja a stíluslap
Hátrányok adatai: URL
- A beágyazott képek nem támogatottak az Internet Explorer 5-7 verziójában, bár a 8-as verzió támogatja őket.
- Az adatok szöveges alapú 64 ábrázolása is többet vesz igénybe, mint a bináris kép.
- A beépített képek méretének korlátozása. Az RFC szabvány szerint a böngészőknek csak 1024 bájt hosszúságú URL-címeket kell támogatniuk. Bár a legtöbb modern böngészőnek nagyobb a megengedett mérete, például az Operaházadatok adatai: az URL-ek körülbelül 4100 karakterből állnak. Firefox akár 100 KB-ig, az IE8b1 támogatja az URL-címeket, amelyek nem haladják meg a 32 KB-t.
- A beágyazott kép frissítéséhez további lépések szükségesek: átkódolás, beillesztés.
- A beágyazott képek NEM tárolódnak, ha közvetlenül egy dinamikus HTML-dokumentumba ágyazódnak.
Zenék végrehajtásához használja ezt a szolgáltatást.