Cu acest serviciu, puteți să scăpați de încărcarea lungă a multor imagini mici prin transferarea codurilor de imagine într-un fișier de stil CSS. pentru că Internet Explorer nu acceptă încorporarea imaginii în text, apoi utilizează un cod separat pentru ea.
Pentru a obține codul gata de utilizare, specificați imaginea, faceți clic pe butonul "Generați codul" și inserați imaginea primită în site-ul dvs.
Faceți clic pe imagine pentru a obține codul de probă.
Pentru a insera o imagine in HTML-ul paginii, folositi urmatorul cod:
Pentru a insera o imagine ca pictogramă de legătură într-un fișier CSS, utilizați următorul cod:
Informații tehnice
Pentru a încorpora imagini pe pagini web folosind date: URI, se folosește codarea base64. Această schemă vă permite să inserați codul de imagine direct în pagina HTML (x) fără a accesa fișiere externe, ceea ce reduce numărul total de solicitări HTTP către server. Imaginile Inline sau InLine utilizează schema de date: URI pentru a încorpora codul de imagine binară direct în corpul paginii Web. După cum este definit în RFC 2397, astfel de URI-uri sunt proiectate pentru a insera obiecte mici ca date directe. Utilizarea imaginilor încorporate vă permite să salvați cererile HTTP către resurse externe.
Sintaxă în date: URL-ul este după cum urmează:
Tip valid de date: imagine / gif. imagine / jpeg. imagine / pjpeg. imagine / png. Tipul de date poate fi definit folosind funcția mime_content_type
Avantajele datelor: URL
- Folosind date: URL, salvați numărul de cereri HTTP.
- Prin reducerea numărului de fluxuri de încărcare paralele în browser, puteți obține un câștig foarte semnificativ în viteza de încărcare a paginilor cu un număr mare de icoane mici / miniaturi.
- Simplificați cererile HTTP și îmbunătățiți performanța generală.
- Imaginile încorporate sunt stocate împreună cu o foaie de stil
Dezavantaje date: URL
- Imaginile încorporate nu sunt acceptate în Internet Explorer 5-7, deși este raportat că versiunea 8 le suportă.
- De asemenea, reprezentarea datelor de bază a textului 64 ocupă mai mult decât imaginea binară.
- Restricționarea dimensiunii imaginilor încorporate. Conform standardului RFC, browserele trebuie să suporte numai adrese URL cu lungime de până la 1024 octeți. Deși majoritatea browserelor moderne au o dimensiune mai mare, de exemplu, Opera limitează datele: adrese URL la aproximativ 4100 de caractere. Firefox de până la 100 Kb, IE8b1 acceptă adrese URL de date care nu depășesc 32 Kb.
- Sunt necesari pași suplimentari pentru actualizarea imaginii încorporate: transcodare, lipire.
- Imaginile încorporate nu sunt stocate în cache dacă sunt încorporate direct într-un document HTML dinamic.
Pentru a implementa muzică pe pagină, utilizați acest serviciu.
Articole similare
Trimiteți-le prietenilor: