Vzorec – prej
Vzorec – potem
Kazalo
-
Pretvorite sliko v Base64 (kodirnik Base64)
-
Preizkusite z vzorcem
-
O tej funkciji
-
Kako deluje
-
Prednosti DataChefa
-
Kaj je kodiranje Base64 ⇒ binarne podatke pretvori v besedilo
-
Prednosti kodiranja Base64 pri slikah na spletni strani
-
Na kaj paziti pri kodiranju Base64 na spletni strani
-
Povzetek
-
ImageChef – vse funkcije
-
FAQ
O tej funkciji
Tukaj naloženo sliko kodirate v zapis Base64 in dobite besedilni rezultat pretvorbe.
Celoten niz Base64 prekopirate z enim samim pritiskom na gumb "Kopiraj", lahko pa ga prenesete tudi kot besedilno datoteko.
Izberete lahko, ali naj bo izpis pripravljen kot oznaka![]()
za HTML ali kot lastnost background-image za CSS.
Podprti zapisi izvirne datoteke so JPEG, PNG in GIF.
Celoten niz Base64 prekopirate z enim samim pritiskom na gumb "Kopiraj", lahko pa ga prenesete tudi kot besedilno datoteko.
Izberete lahko, ali naj bo izpis pripravljen kot oznaka
Podprti zapisi izvirne datoteke so JPEG, PNG in GIF.
Kako deluje
-
1Izberite slikoPritisnite gumb "IZBERI DATOTEKO" ali sliko povlecite in spustite na zaslon.
-
2PretvoritePritisnite gumb "PRETVORI BREZPLAČNO".
-
3PrenesitePritisnite gumb "Prenesi".
Prednosti DataChefa
Preprosto in brezplačno
Brezplačno in neomejeno pretvarjanje
Brez predznanja – preprosta in intuitivna uporaba
Brez predznanja – preprosta in intuitivna uporaba
Brez registracije
Na voljo takoj ob obisku
Brez vnosa osebnih podatkov
Brez vnosa osebnih podatkov
Varno in zanesljivo
Šifrirana povezava (SSL)
Datoteka se samodejno izbriše, ko pritisnete "Prenesi"
Datoteka se samodejno izbriše, ko pritisnete "Prenesi"
Hitro
Hitro nalaganje strani in hitro pretvarjanje
Brez vodnega žiga
Brez vodnega žiga
Navedba vira ni potrebna
Navedba vira ni potrebna
Dovoljena komercialna uporaba
Brezplačno tudi za komercialno uporabo
Predhodno dovoljenje ni potrebno
Predhodno dovoljenje ni potrebno
■Kaj je kodiranje Base64 ⇒ binarne podatke pretvori v besedilo
Slike so običajno shranjene v binarni obliki. Kodiranje Base64 binarne podatke pretvori v znakovni niz, zato je mogoče slikovne podatke obravnavati kot navadno besedilo. Za obiskovalca strani je rezultat videti popolnoma enako kot običajna slika.
■Prednosti kodiranja Base64 pri slikah na spletni strani
1. Manj zahtevkov:
S kodiranjem Base64 lahko sliko vstavite neposredno v kodo HTML ali CSS. Slika se naloži kot del dokumenta, zato je zunanjih datotek, ki jih mora brskalnik prenesti, manj. Stran se zato lahko naloži hitreje.
2. Stabilnejša postavitev:
Kodiranje Base64 lahko prepreči, da bi postavitev strani med čakanjem na slike poskakovala. Na straneh z veliko majhnimi grafičnimi elementi in ikonami namesto pisave se postavitev tik po odprtju pogosto za hip premakne, ker slike še niso naložene. Če je slika del samega dokumenta, se ne naloži ločeno in z zamikom, zato do premikanja ne pride.
3. Zaščita slike:
Takšno sliko je težje shraniti kot navadno slikovno datoteko. Z običajnimi postopki – desni klik in shranjevanje ali dolg pritisk na zaslon – je ni mogoče shraniti, zato je tudi ni tako preprosto ukrasti.
■Na kaj paziti pri kodiranju Base64 na spletni strani
1. Večja velikost podatkov:
Zapis Base64 je praviloma večji od izvirnih binarnih podatkov. Če v Base64 kodirate veliko sliko, se poveča velikost strani, čas nalaganja pa se lahko podaljša.
2. Slabši učinek predpomnilnika:
Slika, kodirana v Base64, se ne shrani v predpomnilnik kot samostojna zunanja datoteka. Če isto sliko uporabljate še na drugih straneh, se vsakič prenese znova. Kadar vam je predpomnjenje pomembno, to dobro premislite.
3. Podpora brskalnikov:
Nekateri starejši brskalniki imajo pri prikazu slik, kodiranih v Base64, težave. Uporabite novejši brskalnik ali pa preverite, kateri brskalniki to podpirajo.
■Povzetek
Če povzamemo: kodiranje Base64 se najbolj obnese pri majhnih slikah, na primer ikonah in drobnih grafičnih elementih, ter povsod, kjer želite zmanjšati število zahtevkov za zunanje datoteke. Pri velikih slikah in takrat, ko je predpomnjenje pomembno, razmislite tudi o klasični zunanji datoteki – sicer pa naj vam kodiranje Base64 pomaga izboljšati kakovost vaše spletne strani.
■Kaj je kodiranje Base64 ⇒ binarne podatke pretvori v besedilo
Slike so običajno shranjene v binarni obliki. Kodiranje Base64 binarne podatke pretvori v znakovni niz, zato je mogoče slikovne podatke obravnavati kot navadno besedilo. Za obiskovalca strani je rezultat videti popolnoma enako kot običajna slika.
■Prednosti kodiranja Base64 pri slikah na spletni strani
1. Manj zahtevkov:
S kodiranjem Base64 lahko sliko vstavite neposredno v kodo HTML ali CSS. Slika se naloži kot del dokumenta, zato je zunanjih datotek, ki jih mora brskalnik prenesti, manj. Stran se zato lahko naloži hitreje.
2. Stabilnejša postavitev:
Kodiranje Base64 lahko prepreči, da bi postavitev strani med čakanjem na slike poskakovala. Na straneh z veliko majhnimi grafičnimi elementi in ikonami namesto pisave se postavitev tik po odprtju pogosto za hip premakne, ker slike še niso naložene. Če je slika del samega dokumenta, se ne naloži ločeno in z zamikom, zato do premikanja ne pride.
3. Zaščita slike:
Takšno sliko je težje shraniti kot navadno slikovno datoteko. Z običajnimi postopki – desni klik in shranjevanje ali dolg pritisk na zaslon – je ni mogoče shraniti, zato je tudi ni tako preprosto ukrasti.
■Na kaj paziti pri kodiranju Base64 na spletni strani
1. Večja velikost podatkov:
Zapis Base64 je praviloma večji od izvirnih binarnih podatkov. Če v Base64 kodirate veliko sliko, se poveča velikost strani, čas nalaganja pa se lahko podaljša.
2. Slabši učinek predpomnilnika:
Slika, kodirana v Base64, se ne shrani v predpomnilnik kot samostojna zunanja datoteka. Če isto sliko uporabljate še na drugih straneh, se vsakič prenese znova. Kadar vam je predpomnjenje pomembno, to dobro premislite.
3. Podpora brskalnikov:
Nekateri starejši brskalniki imajo pri prikazu slik, kodiranih v Base64, težave. Uporabite novejši brskalnik ali pa preverite, kateri brskalniki to podpirajo.
■Povzetek
Če povzamemo: kodiranje Base64 se najbolj obnese pri majhnih slikah, na primer ikonah in drobnih grafičnih elementih, ter povsod, kjer želite zmanjšati število zahtevkov za zunanje datoteke. Pri velikih slikah in takrat, ko je predpomnjenje pomembno, razmislite tudi o klasični zunanji datoteki – sicer pa naj vam kodiranje Base64 pomaga izboljšati kakovost vaše spletne strani.