Razvoj / Kodiranje

Generator data URI-ja

Pretvorite bilo koju datoteku u data URI, uz CSS i HTML isečke spremne za lepljenje, manju opciju kodiranu URL-om za SVG i prikaz uvećanja kodirane datoteke.

Generator data URI-ja: Data URI (RFC 2397) smešta sadržaj datoteke direktno u vezu ili stilsku tablu, čime se izbegava zaseban zahtev. Base64 kodiranje pretvara svaka 3 bajta u 4 znaka, pa datoteke postaju veće za oko trećinu; SVG je tekstualni format i zato može da se kodira procentima, pri čemu se izbegavaju samo znakovi kao što su %, #, < i >, što je obično manje. Radi 100% lokalno u vašem pregledaču, bez otpremanja datoteka na server.

Kategorija
Alatke za programere
Pokretanja
U vašem pregledaču
Trošak
Besplatno · bez registracije
Dostupnost
Spremno za upotrebu
Data URI generatorLokalna obrada

U potpunosti radi u vašem pregledaču

Datoteka se čita u vašem pregledaču i nikada se ne otprema.

Gde funkcionišu data URI-ji

Data URI-ji funkcionišu u img src, CSS url(), link href atributu za ikone i linkovima za preuzimanje. Pregledači blokiraju otvaranje data URI-ja kao stranice najvišeg nivoa, a stroga Content Security Policy mora da dozvoli data: za slike ili stilove koji ih koriste.

Za kodiranje teksta umesto datoteka koristite Base64 encoder; za slike koje već imaju Base64 string koristite alat Slika u Base64.

Povećanje veličine

Base64 povećava veličinu datoteke za trećinu, ali kompresija teksta na serveru (gzip ili Brotli) vraća veliki deo te razlike jer se kodirani tekst dobro kompresuje. Pravi troškovi su to što podaci ne mogu da se keširaju zasebno i što se ponovo preuzimaju sa svakom stranicom ili stilom koji ih sadrži.

Kako se koristi

  1. Izaberite datoteku ili je prevucite; slike se prikazuju u pregledu.
  2. Za SVG datoteke izaberite kodiranje URL-om ili Base64 kodiranje.
  3. Kopirajte data URI ili CSS odnosno HTML isečak.

Privatnost i ograničenja

Datoteka se čita u vašem pregledaču i nikada se ne otprema.

Srodne alatke

Slika u Base64Base64URL koder

Često postavljana pitanja

Kada treba da koristim data URI?

Za male datoteke koje se koriste jednom, kao što su ikonice manje od nekoliko kilobajta. Veće datoteke je bolje poslužiti zasebno, kako bi pregledač mogao da ih kešira i učitava paralelno.

Zašto koristiti kodiranje URL-om za SVG?

SVG ostaje čitljiv i obično je manji nego kod Base64 kodiranja; dvostruki navodnici postaju jednostruki, pa rezultat može da stane u url("…") ili HTML atribut.

Da li postoji ograničenje veličine?

Savremeni pregledači prihvataju data URI-je veličine od mnogo megabajta u slikama i stilskim tablama, ali veliki URI-ji usporavaju obradu i čine stranice zahtevnijim.

Besplatan alat · pokretanja: u vašem pregledaču · nalog nije potreban