Indholdsfortegnelse

Som du kan se ovenfor, er der to muligheder for at vælge Base64 til billedkonverter og billede til Base64 konverter. Base64 til billede konverterer enhver Base64-streng til billedformat. Billede til Base64 konverterer billede til Base64-streng. Klik på indstillingen afhængigt af dit behov.

Sådan bruges værktøjet Base64 til billedkonvertering?

Base64 til image konverter værktøj hjælper dig med at konvertere din Base64 kodede streng til et billede. Du kan downloade billedet ved at klikke på download-knappen. Indsæt blot din Base64-kodede streng i inputboksen, og den konverterer den automatisk til et billede, og et eksempel vises på skærmen. Du kan også vælge en hvilken som helst tekstfil, der indeholder Base64-kodet streng. Der er også muligheder for at kopiere Base64-kodet streng og rydde inputboks.

Sådan bruges image til at basere64-konverteringsværktøjet?

Image to Base64-konverteringsværktøj hjælper dig med at konvertere ethvert billede til Base64-kodet streng, html-billedkodekode og CSS-baggrundsbilledkode. Træk og slip bare billedet i ovenstående rektangulære felt, eller klik bare på det for at vælge billedfil.

Så snart behandlingen er færdig, vises tre indtastningsfelter. Første indtastningsfelt indeholder Base64-kodet streng. Andet indtastningsfelt indeholder HTML-billedkodekode, som du blot kan kopiere og direkte indsætte i din HTML-fil. Tredje boks indeholder CSS-kode med baggrundsbilledegenskab. Du kan kopiere og indsætte det direkte i CSS-filen. Der vil også downloade mulighed over hvert inputfelt, som hjælper dig med at downloade de respektive data i tekstfilformat. Værktøjet understøtter næsten alle almindeligt anvendte billedformater.

Hvorfor skal du konvertere Base64 String til Image?

Størrelsen på Base64-strengen, der bruges i data-URI, er 33% mere end den oprindelige fil. Store data kan påvirke webydelsen. Konvertering af de kodede data til et billede og brug af det som fil kan forbedre ydeevnen for din webapplikation. En anden grund til at konvertere Base64 til billede er at have en fil, der kan gemmes på din harddisk og kan ses eller redigeres med tredjeparts billedvisnings- og redigeringsværktøjer.

Hvad er Base64-kodning?

Base64 er tekstkodning af binære data. Den kodede tekst har intet andet end tal, bogstaver og symbolerne som +, / og =. Det er kendt som en af ​​de mest bekvemme måder at gemme eller overføre binære data over medier, der specifikt bruges til tekstdata. Det kan også let overføres i ting som e-mail og HTML-formdata. Teksten til Base64-konverteringsprocessen tager 4 tegn pr. 3 byte data plus potentielt lidt polstring i slutningen. Ligestilling (=) bruges til polstring. Den kodede streng kan også overføres som værdi til forespørgselsparameter i en URL, da den er URL-sikker variant.

Hvorfor skal du bruge Base64-kodning?

Når vi har nogle binære data, som vi vil sende på tværs af et netværk, gør vi det generelt ikke ved bare at streame bits og bytes over ledningen i et råformat, fordi noget medieindhold er lavet til streaming af tekst. Hvis vi sender det i form af bits eller bytes, kan nogle protokoller fortolke disse binære data som kontroltegn (som et modem). Sådanne binære data kan blive ødelagt, fordi den underliggende protokol muligvis antager, at disse data indeholder en kombination af specielle tegn. For eksempel oversætter FTP linieendelser. For at omgå dette problem koder vi sådanne binære data i tegn. Base64 er en af ​​disse typer kodninger.

Base64-kodet streng indeholder 64 ASCII-tegn, der repræsenterer de kodede data. Disse 64 tegn er nok til at kode alle data af enhver længde. Den eneste ulempe ved base64-kodning er, at størrelsen på den kodede streng vil være 33% mere sammenlignet med den oprindelige streng. Alle base64-tegn er til stede i mange tegnsæt, og dette sikrer, at transmitterede data helt sikkert når den anden ende ubeskadiget. Base64-tegn kan grupperes i 4 grupper:

• Store bogstaver (indeks 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Alfabet med små bogstaver (indeks 26-51): abcdefghijklmnopqrstuvwxyz
• Cifre (indeks 52-61): 0123456789
• Symboler (indeks 62-63): +/

Tegn i base64-kodet streng er store og små bogstaver. Dette betyder, at for eksempel når du prøver at afkode base64-kodede strenge såsom ab ==, Ab ==, aB == og AB ==; du får 4 forskellige resultater. Ligestilling (=) er ikke en del af indekset og er heller ikke involveret i kodningsprocessen. Det bruges kun til polstring og også kendt som polstringskarakter. Det sikrer, at base64-kodet streng skal være flere af 4 bytes, hvorfor den altid tilføjes i slutningen af ​​den kodede streng. Se over indeksetabellen base64 tegn nedenfor for bedre forståelse.

Hvor Base64 bruges?

Base64 bruges i forskellige sammenhænge. Nogle af dem er angivet nedenfor.

• Base64 kan bruges til at overføre og gemme tekstdata for at undgå enhver form for afgrænsningskollision.
• Binære data er integreret i XML-filer ved hjælp af Base64.
• Base64 bruges til at kode binære filer såsom billeder for at undgå afhængighed af eksterne filer.
• Data URI-ordningen bruger også Base64 til at repræsentere billedfiler. Derfor kan en billedkilde i HTML-dokument være sti til en ekstern fil eller en data-URI.
• Base64 bruges ofte til at skjule hemmeligheder uden omkostningerne ved kryptografisk nøglehåndtering, fordi det er simpelt og nemt at bruge.
• Spammere bruger også Base64-kodning for at undgå grundlæggende antispammingværktøjer, fordi de ikke kan registrere nøgleord i kodede meddelelser.
• I LDIF-filer bruges Base64 til at kode tegnstrenge.

Hvad er Data URL eller Data URI?

Data URL eller URI står for datauniform ressourcelokator eller ensartet ressourceidentifikator. Det er simpelthen en ordning, der giver en mekanisme til at integrere data i et HTML-dokument. Data URI indeholder en base64-kodet streng, der repræsenterer en fil.

Filen kan være af forskellige typer, men oftest er det en billedfil. At have billeddata i base64-kodet strengformat betyder simpelthen at du ikke behøver at angive billedplacering for at få vist et billede på nettet. Du kan bruge den kodede streng direkte som værdi af kildeattribut til at vise et billede. Når browseren støder på data-URI, vil den være i stand til at afkode filen og konstruere den originale fil. Data URI-ordningen indeholder oplysninger om filen, såsom dens MIME-type samt base64-kodet streng. Se koden nedenfor.

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

Afhængig af filstørrelsen kan base64-kodet strenglængde variere. Du kan bruge data URI i CSS-fil såvel som HTML-fil.

Fordele ved at bruge Data URL eller Data URI

Den største fordel ved at bruge data URI i stedet for filsti er at reducere antallet af udgående http-anmodninger. For mange http-anmodninger til serveren, der anmoder om samme fil igen og igen, kan øge belastningen på serveren. Hvis du integrerer det direkte i HTML, vil der ikke være flere udgående anmodninger, da filen allerede findes i HTML-dokument i kodet format. Browser skal bare afkode den og vise den. Som nævnt ovenfor vil størrelsen på base64-strengen i data-URI være 33% mere end den faktiske filstørrelse. Det handler om ydeevneoptimering og afhænger strengt af dit valg, hvilken metode du foretrækker at indlæse filen.

Data URI cachelagres ikke af browseren, så hver gang en bruger besøger websiden, skal browseren downloade hele HTML, og den skal afkode indlejrede data. For meget brug af data URI i HTML kan skade et websteds ydeevne betydeligt. Du skal holde brugen så lav som muligt. Du kan muligvis ikke se meget forskel med hensyn til ydeevne på stationær eller bærbar computer på grund af højhastigheds trådløs forbindelse. Men i tilfælde af mobile enheder, der har langsom internethastighed, vil det skade betydeligt. Hvis dit websted tager for lang tid at indlæse på mobilenheder, vil der helt sikkert være tab af indtægter og lav til intet brugerengagement.

Understøttelse af data-URI-browser

Data URI understøttes af alle moderne browsere. De ældre browsere som IE5 og IE7 understøtter det ikke, så undgå at bruge det, hvis du har brug for support til disse browsere, eller du kan prøve at kigge efter en alternativ løsning online. Se venligst listen over understøttede browsere nedenfor.

• Firefox version 2+
• Opera version 7.2+ (Længden af ​​data-URI'er må ikke være længere end 4100 tegn)
• Chrome (alle versioner understøttes)
• Safari (alle versioner understøttes)
• Internet Explorer 8+ (størrelsen på data-URI'er skal være mindre end 32 kb)