Kép Base64 konvertáló

Ez a kép-Base64 átalakító adat-URI-vá alakít egy képet, vagyis egy hosszú szöveggé, amely közvetlenül beágyazza a képet, és egy használatra kész CSS-háttérrészletet is ad. Így külön fájlra hivatkozás helyett közvetlenül beágyazhatod a képet.

Helyben, a böngésződben fut, tehát a képed az eszközödön kerül beolvasásra, és soha nem töltődik fel.

Az adat-URI a teljes képet a jelölésen belül hordozza, így a böngészőnek nem kell külön hálózati kérést indítania a letöltéséhez. Kis elemeknél, például ikonoknál, ez a megspórolt oda-vissza út gyorsabbá teheti egy oldal érzetét.

A bökkenő a méret és a gyorsítótárazás. A Base64 nagyjából 33 százalék többletet ad, mert korlátozott szöveges ábécével ábrázolja a bináris adatot, és a beágyazott kép nem gyorsítótárazható külön, tehát minden olyan oldallal újra letöltődik, amely tartalmazza.

Az ökölszabály az, hogy a kis képeket, ikonokat, apró logókat vagy egy sprite-ot ágyazd be, ahol a kérés megspórolása megéri a többletet, a nagyobb képeket pedig hagyd meg rendes fájlként, amelyet a böngésző gyorsítótárazhat és párhuzamosan tölthet be.

Az adat-URI-k mindenütt működnek, ahol URL-t fogadnak el: egy img src attribútumban, egy CSS-háttérben, vagy egy JSON- vagy e-mail-sablonmezőben. Ettől jól használhatók magukban álló részletekhez.