UltKit
Kép11
KépkonvertálóKép tömörítéseKép átméretezéseKép vágásaKép PDF-beIgazolványkép-készítőKép SVG-beÖsszes Kép eszköz →
PDF13
PDF tömörítésePDF-konvertálóPDF képpé alakításaPDF egyesítésePDF szétválasztásaPDF feloldásaPDF védelmeÖsszes PDF eszköz →
Dokumentumok és adatok7
Konvertálás PDF-beDokumentumkonverterKép szöveggé alakítása (OCR)Kép ExcelbeAdatkonverterE-könyv konverterÖsszes Dokumentumok és adatok eszköz →
Videó6
VideókonverterVideó tömörítéseVideóból hangVideóból GIFVideó vágásaHangból videóÖsszes Videó eszköz →
Hang4
HangkonverterHangfájl tömörítéseHangfájl vágásaHangból szövegÖsszes Hang eszköz →
További eszközök22
QR-kód generátorFájlok tömörítése ZIP-beKicsomagolás onlineIdőzóna-átváltóMértékegység-átváltóJelszógenerátorSzószámlálóSzínválasztóÖsszes további eszköz →
BlogHogyan működik

Kép Base64 átalakító

A képfájlból egyetlen szövegsor lesz, amelyet beilleszthet HTML-be, CSS-be, JSON-kérésbe vagy Markdown-fájlba. A data URI előtag már az elején van, így beillesztés után azonnal működik.

Adatkonvertáló

vagy húzza ide a(z) CSV, TSV, TXT … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

  1. 1

    Adja hozzá a képeket

    Húzza a PNG, JPG, GIF, WebP vagy SVG fájlokat a feltöltési területre, egyszerre legfeljebb 20-at, fájlonként legfeljebb 95 MB-ot.

  2. 2

    Tartsa meg vagy hagyja el az előtagot

    A Data URI előtag be van kapcsolva, így az eredmény a data:image/png;base64, előtaggal vagy a megfelelő típussal kezdődik. Kapcsolja ki a Speciális beállítások alatt, ha egy API csak a puszta Base64 karakterláncot várja.

  3. 3

    Alakítsa át és másolja ki

    Nyomja meg a Konvertálás Base64 szöveggé gombot, majd töltsön le képenként egy .txt fájlt, amelyet közvetlenül beilleszthet a kódjába.

Töltse fel a képet, és nyomja meg a Konvertálás Base64 szöveggé gombot. A fájlt sima karakterekként kapja meg, data:image/…;base64, kezdettel, így közvetlenül az img src-be vagy a CSS url()-ba kerülhet. A képen semmi nem változik.

Mire jó a Base64-be alakított kép

A Base64-et az RFC 4648 (2006) határozza meg: a bináris adatok minden 3 bájtját 4 karakterre képezi le egy 64 karakteres ábécéből (A–Z, a–z, 0–9, + és /). Az eredmény bármely szövegre épülő csatornán átjut. A data URI sémát Larry Masinter írta le 1998-ban az RFC 2397-ben, és ez teszi lehetővé, hogy a böngésző a szöveget fájlként kezelje.

A front-end fejlesztők kis ikonokat, betöltésjelzőket és helyőrző képeket ágyaznak be, hogy az oldal extra kérések nélkül megjelenjen. A back-end fejlesztők JSON-ban küldenek képeket, mert sok API, köztük látás- és OCR-szolgáltatások, Base64 mezőben fogad képet. A tesztelők a forráskódban tartják a tesztadatokat, az egyfájlos HTML-jelentések vagy Markdown-jegyzetek készítői pedig képernyőképeket ágyaznak be, hogy a fájl e-mailezve vagy archiválva is önálló maradjon.

Hogyan néz ki a Base64 kimenet

Egy 1 × 1 méretű átlátszó PNG (68 bájt) data URI-ként egy img címkében
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="1×1-es képpont">

PNG ikonfájl

24 KB

tipikus eszköztárikon-készlet, 96 × 96 px

+33% méret, minőségváltozás nélkül

Base64 szöveg

32 KB

3 bájtonként 4 karakter, plusz az előtag

ANY I

Bármilyen kép

Ez az eszköz a gyakori képformátumokat fogadja, többek között a JPG, PNG, WebP, HEIC, GIF, BMP és TIFF fájlokat. A formátumot a fájlból automatikusan felismeri, ezért nem kell tudnia, milyen típusú képe van.

Any image átalakító

BASE64

Base64 kódolású szöveg

A Base64 az RFC 4648-ban meghatározott kódolás, amely bármilyen bináris adatot 64 biztonságos szöveges karakterből álló sztringgé alakít. Használják képek HTML-be és CSS-be ágyazására data URI-ként, fájlok e-mailhez csatolására, valamint bináris adatok küldésére JSON-ban vagy XML-ben. A kódolás teljesen visszafordítható, de az adatot nagyjából 33%-kal megnöveli. A Base64 nem titkosítás, és nem nyújt biztonságot; bárki dekódolhatja.

Tömörítés
Veszteségmentes
Átlátszóság
–
Animáció
–
Bevezetés éve
–
BASE64 átalakító

A képekből akkor lesz Base64 szöveg, ha olyasmiben kell utazniuk, ami csak szöveget bír: külön kérés nélküli HTML- vagy CSS-fájlban, egy API-hívás JSON-mezőjében, tesztadatban vagy egyfájlos jelentésben.

Mikor segíti az oldalt a beágyazott kép, és mikor árt neki

A beágyazás egy kérést spórol, ami leginkább HTTP/1.1 alatt számított, amikor a böngészők oldalanként csak néhány kapcsolatot nyitottak. A HTTP/2 és HTTP/3 multiplexelésével a további kis kérések olcsók, így az előny csökken, a hátrányok viszont megmaradnak: a kódolt kép nem gyorsítótárazható külön, a HTML vagy CSS minden módosításakor újra letöltődik, és késlelteti a tartalmazó fájl feldolgozását.

Észszerű szabály, hogy csak néhány kilobájtos, minden oldalon megjelenő képeket ágyazzon be, például logót vagy ikonlapot, mindent mást pedig fájlként szolgáljon ki. Fotó szinte soha nem való beágyazásra. Ha valójában szöveg helyett másik fájltípusra van szüksége, azt a képátalakító megoldja.

A Base64 kép erősségei

  • Egyetlen önálló HTML-, CSS- vagy JSON-fájl
  • Nincs extra kérés apró ikonoknál
  • Biztonságosan használható JSON-ban, XML-ben és más szövegformátumokban
  • Veszteségmentes és visszafordítható

A Base64 kép hátrányai

  • Nagyjából 33%-kal nagyobb, mint a bináris fájl
  • A böngésző nem gyorsítótárazza külön
  • Sok levelezőkliens képként letiltja
  • Nehezen áttekinthető a kódkülönbségekben

Kérdések a kép Base64-be alakításáról

Mi a különbség a Base64 és a data URI között?

A Base64 csak a kódolt karakterek sorozata. A data URI ezeket egy sémával és típussal egészíti ki: data:image/png;base64, majd a karakterek, így a böngésző tudja, hogyan kell dekódolni és megjeleníteni őket. A HTML-nek és a CSS-nek a teljes data URI kell; a legtöbb JSON API a puszta Base64 részt várja.

Mennyivel lesz nagyobb a kép Base64-ként?

A Base64 3 bájtonként 4 karaktert ír, így a szöveg nagyjából egyharmaddal nagyobb a fájlnál, plusz a rövid előtag. Egy 30 KB-os PNG nagyjából 40 KB szöveg lesz. Ha a HTML-t vagy CSS-t gzip-tömörítéssel szolgálják ki, ennek a többletnek egy részét az átvitel során visszanyeri.

Használhatok Base64 képet e-mail-aláírásban?

Megbízhatatlan. A Gmail nem jeleníti meg a data URI képeket, és több asztali levelezőprogram is eltávolítja őket, így a címzettek törött ikont látnak. Tegye fel a képet egy webszerverre, vagy csatolja, a Base64-et pedig hagyja weboldalakra és alkalmazásokra.

Érdemes egy SVG ikont Base64-be kódolni?

Működik, de az SVG már eleve szöveg. A jelölés URL-kódolása Base64 helyett általában rövidebb data URI-t ad, és olvasható marad. Egy kis ikonnál nagyobb tartalomhoz jobb a külön SVG fájl, amelyet a böngésző gyorsítótárazhat.

Visszaalakítható a Base64 szöveg képpé?

Igen, a kódolás veszteségmentes és teljesen visszafordítható: a dekódolás pontosan az eredeti bájtokat adja vissza. Minden programozási nyelv tartalmaz dekódert, és egy teljes data URI-t a böngésző címsorába illesztve megjelenik a kép.

Változik a képminőség a kódolástól?

Nem. A Base64 a bájtok leírásának módját változtatja, nem a pixeleket. A karakterlánc rövidítéséhez előbb kicsinyítse a képet, például a kép tömörítése 20 KB-ra eszközzel, és a kisebb fájlt kódolja.