---
title: "Pretvornik slike v Base64 – data URI, HTML in CSS"
description: "Sliko spremenite v besedilo Base64: data URI, pripravljeno oznako HTML img in vrstico ozadja CSS, vsako z gumbom za kopiranje. Po želji najprej stiskanje."
url: "https://imagecompressor.si/sl/image-to-base64"
lang: "sl"
---

# Pretvorite sliko v Base64

Dobite data URI, oznako HTML in vrstico CSS za svojo sliko, pripravljene za lepljenje v kodo ali predlogo e-pošte.

## Kako deluje

1. **Dodajte slike** Povlecite in spustite, prilepite ali izberite datoteke. Naložijo se prek šifrirane povezave.
2. **Izberite kakovost ali ciljno velikost** Uporabite drsnik kakovosti ali povejte natančno, koliko KB ali MB potrebujete.
3. **Prenesite** Shranite posamezne datoteke ali vse naenkrat kot ZIP.

Base64 bajte datoteke zapiše kot navadno besedilo, zato lahko majhna slika živi znotraj strani HTML, datoteke CSS, dokumenta JSON ali predloge e-pošte, namesto da bi bila ločen prenos. Običajni kandidati so ikone, majhni logotipi in nadomestne slike: pridejo s stranjo in ne potrebujejo dodatne zahteve.

Dodajte sliko in pojavijo se štirje bloki: samostojen data URI, oznaka img z njim kot virom, vrstica CSS background-image in samo Base64 za vmesnike API, ki želijo le kodirane bajte. Vsak ima gumb za kopiranje. Plošča pokaže velikost datoteke ob dolžini besedila, ki je približno za tretjino večja.

Kodiranje poteka v vašem brskalniku, saj le prepiše bajte v besedilo. Če vklopite Najprej stisni, se slika pred kodiranjem pomanjša na našem strežniku in se tam takoj nato izbriše.

## Kdaj data URI pomaga in kdaj škodi

Sliko vstavite neposredno, ko je majhna in uporabljena enkrat: ikona v gumbu, logotip v podpisu e-pošte, nadomestna slika med nalaganjem. Pustite jo kot datoteko, ko je velika ali uporabljena na več straneh, saj brskalnik data URI ne more shraniti v predpomnilnik ločeno od strani ali sloga, v katerem je, in vsaka kopija se znova prenese.

Za večje slike je zato skoraj vedno boljša ločena, dobro stisnjena datoteka.

## Najprej jo zmanjšajte

Base64 podatke poveča za približno tretjino, zato je vsak kilobajt, prihranjen pred kodiranjem, po njem vreden še več. Vklopite Najprej stisni, za logotipe in ikone pa začnite s SVG-jem, ki je pogosto najmanjši in ostane oster v vsaki velikosti.

## Lepljenje v predloge e-pošte

Številni programi za e-pošto data URI v slikah blokirajo ali odstranijo. Za glasila je zanesljivejša slika na strežniku; data URI so primernejši za spletne strani, aplikacije in dokumente.

## Uporaba odlomkov

Oznaka HTML gre povsod, kamor bi šla navadna oznaka img, atribut alt pa je prazen, da sliko opišete sami. Vrstica CSS gre v pravilo, na primer v razred za ikono gumba, skupaj z velikostjo ozadja. Samo Base64 je tisto, kar navadno zahtevajo vmesniki API za nalaganje in polja JSON: vrsto dodajo sami.

Če strani gradite z ogrodjem, data URI delujejo tudi v njegovih komponentah za slike in v uvozih večine orodij za združevanje, ki majhne datoteke na ta način vstavijo kar sama. Tako lahko isto sliko uporabite v kodi brez dodatne datoteke na strežniku.

## Pogosta vprašanja

### Ali se moja slika naloži?

Le, ko je vklopljeno Najprej stisni. Sicer besedilo nastane v vašem brskalniku iz izbrane datoteke.

### Zakaj je Base64 večji od datoteke?

Vsaki trije bajti postanejo štirje znaki, zato je besedilo približno 33 % večje.

### Kako velika je lahko datoteka?

5 MB. Nad tem data URI stran upočasni bolj, kot bi jo ločena datoteka.

### Ali lahko besedilo spremenim nazaj v sliko?

Da, s stranjo Base64 v sliko.

### Kateri formati delujejo?

Vsaka slika: PNG, JPEG, WebP, GIF, SVG, AVIF in drugi. Data URI navede vrsto.

### Ali Base64 sliko skrije ali zaščiti?

Ne. Gre za kodiranje, ne za šifriranje; vsakdo lahko besedilo spremeni nazaj v sliko.

### Ali lahko SVG kodiram kot besedilo namesto Base64?

SVG lahko gre v data URI kot ubežno besedilo, ki je pogosto krajše. Ta stran da obliko Base64, ki deluje povsod in je ni treba posebej prilagajati.

## Sorodna orodja

- [Pretvorite Base64 v sliko](https://imagecompressor.si/sl/base64-to-image): Prilepite besedilo, takoj si oglejte sliko in jo shranite kot navadno datoteko.
- [Pretvorite SVG v PNG](https://imagecompressor.si/sl/svg-to-png): Vektorska risba kot slika, ki jo sprejme vsak program.
- [Stisnite PNG sliko](https://imagecompressor.si/sl/compress-png): Zmanjšajte velikost PNG datoteke, obenem pa ohranite ostre robove in prosojnost.