Besplatan Slika u Base64

Pretvorite sliku u Base64 data URI za ugradnju u CSS, HTML ili Markdown. Kopirajte gotove isječke koda. Kodira se u vašem pregledniku; nikad se ne otprema.

Radi offline nakon učitavanja

Ispustite datoteke ovdje ili kliknite da ih pregledate

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · Nema ograničenja veličine datoteke

ili pritisnite Ctrl+V za lijepljenje iz međuspremnika

Pregledaj fajlove

Savjet: možete i zalijepiti sliku iz međuspremnika (Ctrl+V).

Vaši fajlovi nikada ne napuštaju vaš uređaj. Sva obrada se odvija lokalno u vašem pretraživaču.

Pretvorite sliku u Base64 data URI koji možete direktno zalijepiti u CSS, HTML ili Markdown — bez posebne datoteke. Kodirano u vašem pregledniku; nikad se ne šalje.

Kako radi

Data URI ugrađuje sliku direktno u vaš kod kao tekst, tako da se učitava bez zasebnog zahtjeva za fajl — korisno za male ikone i samostalne HTML fajlove. Ovaj alat je kodira u vašem pregledniku.

  1. 1
    Ubacite sliku
    Lokalno se čita pomoću FileReader API-ja — nikad se ne šalje na server.
  2. 2
    Kodira se u Base64
    Bajtovi slike postaju data: URI (data:image/...;base64,…) direktno u vašem pregledniku.
  3. 3
    Birate isječak koda
    Kopirajte sirovi data URI, ili gotov CSS (background-image), HTML (<img>), ili Markdown.
  4. 4
    Nalijepite ga u svoj kod
    Slika sada putuje ugrađeno sa vašim CSS/HTML kodom — bez potrebe za dodatnim fajlom.

Slika se kodira u potpunosti na vašem uređaju. Imajte na umu da je Base64 ~33% veći od originala, tako da su data URI-ji najbolji za male slike.

Povezani alati

Često postavljana pitanja