Util Monster
Gratis
Koda text och filer till Base64 eller avkoda Base64-strängar. Användbart för inbäddning av bilder, API-kommunikation och dataöverföring.
Base64 är ett kodningsschema som omvandlar binär data till ASCII-textsträngar. Det använder bara 64 säkra tecken (A-Z, a-z, 0-9, +, /) för att representera all binär data. Används när binär data överförs i textbaserade miljöer som e-postbilagor, JSON-data och URL:er. Det omvandlar 3 byte data till 4 byte tecken, vilket ökar storleken med cirka 33%. Tecknet = används för utfyllnad, enligt standarden RFC 4648.
Base64 används i många olika situationer. I webbutveckling kan små bilder bäddas in direkt i HTML/CSS för att minska antalet HTTP-anrop. E-postsystem (MIME) konverterar bilagor till text för överföring. JSON-API:er använder det för att säkert överföra binär data. Det används också när bilder eller filer lagras i databaser. Det används för att skicka komplex data som URL-parametrar, och i autentiseringstoken (JWT) där Base64-kodning används.
Base64 är mycket användbart i webbutveckling. Att bädda in bilder direkt via CSS Data URI:er förbättrar laddningstiden utan separata HTTP-anrop. Exempel: background-image: url(data:image/png;base64,iVBORw0KG...). Det rekommenderas dock bara för små bilder under 10KB; stora filer kan inte cachelagras och blir faktiskt långsammare. Lämpligt för små bilder som favikoner, logotyper och ikoner. I HTML5 Canvas kan du generera bilder och konvertera till Base64 med toDataURL() för nedladdning eller uppladdning.
Base64 är kodning, inte kryptering. Kodning konverterar data till ett annat format som vem som helst enkelt kan vända tillbaka till originalet. Det handlar om kompatibilitet och stabil överföring, inte säkerhet. Kryptering skyddar däremot data så att den inte kan dekrypteras utan en nyckel. Base64-kodad data har ingen säkerhet, så känslig information (lösenord, personuppgifter) ska aldrig bara Base64-kodas. Om säkerhet behövs, kryptera först (AES, RSA) och koda sedan till Base64.
Base64-inbäddning av bilder har för- och nackdelar. Fördelar: färre HTTP-anrop snabbar upp den första laddningen och filhanteringen blir enklare. Nackdelar: 33% större storlek, ingen webbläsarcache och tyngre CSS/HTML. Använd därför bara för logotyper, ikoner och små bakgrundsbilder (5-10KB eller mindre). För stora bilder, leverera dem som separata filer och använd CDN. För bilder som används upprepade gånger, leverera dem som filer för att dra nytta av cachelagring.
I REST API:er används Base64 ofta för filuppladdning och -nedladdning. JSON är textbaserat och kan inte direkt innehålla binär data, men genom att konvertera till Base64 kan bilder eller dokument överföras inom JSON. Exempel: {"image": "data:image/png;base64,iVBORw..."}. För stora filer är dock multipart/form-data effektivare. GraphQL och WebSocket använder också Base64 för överföring av binär data. JWT-tokenpayloads är också Base64-kodade, vilket gör att innehållet kan verifieras genom avkodning.