Innehållsförteckning

Som du kan se ovan ärre är två alternativ för att välja Base64 till bildomvandlare och bild till Base64-omvandlare. Base64 till bild konverterar vilken Base64-sträng som helst till bildformat. Bild till Base64 omvandlar bild till Base64-sträng. Klicka på alternativet beroende på ditt behov

Hur använder jag Base64 to Image Converter Tool?

Base64 till bildkonverteringsverktyget hjälper dig att konvertera din Base64-kodade sträng till en bild. Du kan ladda ner bilden genom att klicka på nedladdningsknappen. Klistra in din Base64-kodade sträng i inmatningsrutan så konverteras den automatiskt till en bild och förhandsgranskning visas på skärmen. Du kan också välja vilken textfil som helst som innehåller Base64-kodad sträng. Det finns också alternativ för att kopiera Base64-kodad sträng och rensa inmatningsrutan.

Hur använder jag Image to Base64 Converter Tool?

Image to Base64-konverteringsverktyget hjälper dig att konvertera vilken bild som helst till Base64-kodad sträng, HTML-taggkod och CSS-bakgrundsbildkod. Dra och släpp bara bilden i ovanstående rektangulära ruta eller klicka bara på den för att välja bildfil.

Så snart behandlingen är klar visas tre inmatningsrutor. Den första inmatningsrutan innehåller Base64-kodad sträng. Den andra inmatningsrutan innehåller HTML-kod för taggkod som du enkelt kan kopiera och direkt klistra in i din HTML-fil. Tredje rutan innehåller CSS-kod med bakgrundsbildegenskap. Du kan kopiera och klistra in det direkt i CSS-filen. Det finns också nedladdningsalternativ ovanför varje inmatningsruta som hjälper dig att ladda ner respektive data i textfilformat. Verktyget stöder nästan alla vanliga bildformat.

Varför ska du konvertera Base64-sträng till bild?

Storleken på Base64-strängen som används i data-URI är 33% mer än originalfilen. Stora data kan påverka webbprestanda. Om du konverterar den kodade data till en bild och använder den som fil kan det förbättra din webbapplikations prestanda. En annan anledning till att konvertera Base64 till bild är att ha en fil som kan sparas på hårddisken och som kan visas eller redigeras med verktyg för bildvisning och redigering från tredje part.

Vad är Base64-kodning?

Base64 är textkodning av binär data. Den kodade texten har inget annat än siffror, bokstäver och symbolerna som +, / och =. Det är känt som ett av de mest bekväma sätten att lagra eller överföra binär data över media som specifikt används för textdata. Det kan också enkelt överföras i saker som e-post och HTML-formdata. Texten till Base64-konverteringsprocessen tar 4 tecken per 3 byte data, plus eventuellt lite stoppning i slutet. Jämställdhet (=) används för stoppning. Den kodade strängen kan också skickas som värde till frågeparametern i en URL eftersom den är URL-säker variant.

Varför ska du använda Base64-kodning?

När vi har några binära data som vi vill överföra över ett nätverk, gör vi det vanligtvis inte genom att bara strömma bitar och byte över ledningen i ett råformat eftersom vissa medieinnehåll är gjorda för att streama text. Om vi ​​överför den i form av bitar eller byte, kan vissa protokoll tolka denna binära data som styrtecken (som ett modem). Sådan binär data kan bli skadad eftersom det underliggande protokollet kan anta att dessa data innehåller någon kombination av specialtecken. Till exempel översätter FTP radslut. För att komma runt detta problem kodar vi sådana binära data i tecken. Base64 är en av dessa typer av kodningar.

Base64-kodad sträng innehåller 64 ASCII-tecken som representerar den kodade data. Dessa 64 tecken räcker för att koda alla data av vilken längd som helst. Den enda nackdelen med base64-kodning är att storleken på den kodade strängen blir 33% mer jämfört med originalsträngen. Alla base64-tecken finns i många teckenuppsättningar och detta säkerställer att överförda data definitivt når den andra änden oskadad. Base64-tecken kan grupperas i fyra grupper:

• Alfabet med versaler (index 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Alfabet med små bokstäver (index 26-51): abcdefghijklmnopqrstuvwxyz
• Siffror (index 52-61): 0123456789
• Symboler (index 62-63): + /

Tecken i base64-kodad sträng är skiftlägeskänsliga. Det betyder att du till exempel försöker avkoda bas64-kodade strängar som ab ==, Ab ==, aB == och AB ==; du får 4 olika resultat. Likhetstecken (=) ingår inte i indexet och är inte heller involverat i kodningsprocessen. Den används endast för stoppning och även känd som stoppningskaraktär. Det säkerställer att base64-kodad sträng ska vara multipel av 4 byte, varför den alltid läggs till i slutet av den kodade strängen. Ta en titt över indextabellen för base64-tecken nedan för bättre förståelse.

Var används Base64?

Base64 används i olika sammanhang. Några av dem ges nedan.

• Base64 kan användas för att överföra och lagra textdata för att undvika någon form av avgränsningskollision.
• Binär data är inbäddad i XML-filer med Base64.
• Base64 används för att koda binära filer som bilder för att undvika beroende av externa filer.
• Data URI-schemat använder också Base64 för att representera bildfiler. Därför kan en bildkälla i HTML-dokument vara sökväg till en extern fil eller en data-URI.
• Base64 används ofta för att dölja hemligheter utan att hantera kryptografisk nyckelhantering eftersom den är enkel och lätt att använda.
• Spammare använder också Base64-kodning för att undvika grundläggande verktyg för skräppost eftersom de inte kan upptäcka nyckelord i kodade meddelanden.
• I LDIF-filer används Base64 för att koda teckensträngar.

Vad är Data URL eller Data URI?

Data URL eller URI står för datauniform resurslokaliserare eller enhetlig resursidentifierare. Det är helt enkelt ett schema som ger en mekanism för att infoga data i ett HTML-dokument. Data URI innehåller en base64-kodad sträng som representerar en fil.

Filen kan vara av olika slag men oftast är det en bildfil. Att ha bilddata i base64-kodat strängformat betyder helt enkelt att du inte behöver ange bildplats för att visa en bild på webben. Du kan använda den kodade strängen direkt som värde för källattribut för att visa en bild. När webbläsaren stöter på data-URI kommer den att kunna avkoda filen och konstruera originalfilen. Data URI-schema innehåller information om filen, till exempel dess MIME-typ samt bas64-kodad sträng. Ta en titt över koden nedan.

data:[<MIME-type>][;charset=<encoding>][;base64],<data>

Beroende på filstorlek kan baskodad stränglängd variera. Du kan använda data URI i CSS-fil såväl som HTML-fil.

Fördelar med att använda data-URL eller data-URI

Den största fördelen med att använda data-URI istället för filsökvägen är att minska antalet utgående http-förfrågningar. För många http-förfrågningar till servern som begär om samma fil om och om igen kan öka belastningen på servern. Om du bäddar in det direkt i HTML kommer det inte att finnas fler utgående förfrågningar eftersom filen redan finns i HTML-dokument i kodat format. Webbläsaren behöver bara avkoda den och visa den. Som nämnts ovan kommer storleken på base64-strängen i data-URI att vara 33% mer än den faktiska filstorleken. Det handlar om prestandaoptimering och beror helt och hållet på ditt val vilken metod du föredrar att ladda filen.

Data URI cachas inte av webbläsaren, så varje gång en användare besöker webbsidan måste webbläsaren ladda ner hela HTML och den måste avkoda inbäddad data. För mycket användning av data URI i HTML kan påverka webbplatsens prestanda avsevärt. Du måste hålla användningen så låg som möjligt. Du kanske inte ser mycket skillnad när det gäller prestanda på stationär eller bärbar dator på grund av höghastighets trådlös anslutning. Men när det gäller mobila enheter, som har långsam internethastighet, kommer det att skada avsevärt. Om din webbplats kommer att ta för mycket tid att ladda in mobila enheter, kommer definitivt intäktsförlust och låg till ingen användarengagemang.

Support för Data URI-webbläsare

Data URI stöds av alla moderna webbläsare. De äldre webbläsarna som IE5 och IE7 stöder inte den så undvik att använda den om du behöver support för dessa webbläsare eller om du kan försöka leta efter någon alternativ lösning online. Titta igenom listan över webbläsare som stöds nedan.

• Firefox version 2+
• Opera version 7.2+ (data URI: er får inte vara längre än 4100 tecken)
• Chrome (alla versioner stöds)
• Safari (alla versioner stöds)
• Internet Explorer 8+ (storleken på data-URI: er måste vara mindre än 32 kb)