Inhoudsopgave

Zoals je hierboven kunt zien, zijn er twee opties om Base64 naar afbeelding converter en afbeelding naar Base64 converter te kiezen. Base64 naar Afbeelding converteert elke Base64-string naar het afbeeldingsformaat. Afbeelding naar Base64 converteert afbeelding naar Base64-tekenreeks. Klik op de optie, afhankelijk van uw behoefte.

Hoe Base64 naar Afbeelding converter Tool te gebruiken?

Base64 naar Afbeelding converter tool helpt u bij het converteren van uw Base64-gecodeerde string naar een afbeelding. U kunt die afbeelding downloaden door op de downloadknop te klikken. Plak eenvoudig uw Base64-gecodeerde string in het invoervak ​​en het zal het automatisch converteren naar een afbeelding en een voorbeeld wordt op uw scherm getoond. U kunt ook elk tekstbestand selecteren dat een met Base64 gecodeerde tekenreeks bevat. Er zijn ook opties om een ​​met Base64 gecodeerde tekenreeks te kopiëren en het invoervak ​​te wissen.

Hoe Afbeelding naar Base64 Converter Tool te gebruiken?

De Afbeelding naar Base64-conversietool helpt u bij het converteren van elke afbeelding naar Base64-gecodeerde tekenreeks, html-afbeeldingstagcode en CSS-achtergrondafbeeldingscode. Sleep de afbeelding eenvoudig naar het bovenstaande rechthoekige vak of klik erop om het afbeeldingsbestand te selecteren.

Zodra de verwerking is voltooid, verschijnen er drie invoervakken. Het eerste invoervak ​​bevat een Base64-gecodeerde tekenreeks. Het tweede invoervak ​​bevat HTML-afbeeldingstagcode die u eenvoudig kunt kopiëren en direct in uw HTML-bestand kunt plakken. Het derde vak bevat CSS-code met een eigenschap voor achtergrondafbeeldingen. U kunt het rechtstreeks in het CSS-bestand kopiëren en plakken. Er is ook een downloadoptie boven elk invoervak ​​die u zal helpen bij het downloaden van de respectieve gegevens in tekstbestandsindeling. De tool ondersteunt bijna alle veelgebruikte afbeeldingsformaten.

Waarom zou u Base64-string naar afbeelding moeten converteren??

De grootte van de Base64-tekenreeks die in de gegevens-URI wordt gebruikt, is 33% meer dan het originele bestand. Grote gegevens kunnen de webprestaties beïnvloeden. Het omzetten van die gecodeerde gegevens naar een afbeelding en deze als bestand gebruiken, kan de prestaties van uw webtoepassing verbeteren. Een andere reden om Base64 naar een afbeelding te converteren, is om een ​​bestand te hebben dat op uw harde schijf kan worden opgeslagen en kan worden bekeken of bewerkt met hulpmiddelen voor het bekijken en bewerken van afbeeldingen van derden.

Wat is Base64-codering??

Base64 is tekstuele codering van binaire gegevens. De gecodeerde tekst heeft niets anders dan cijfers, letters en de symbolen zoals +, / en =. Het staat bekend als een van de handigste manieren om binaire gegevens op te slaan of te verzenden via media die specifiek worden gebruikt voor tekstuele gegevens. Het kan ook gemakkelijk worden verzonden in zaken als e-mail en HTML-formuliergegevens. Het conversieproces van tekst naar Base64 duurt 4 tekens per 3 bytes aan gegevens, plus mogelijk een beetje opvulling aan het einde. Gelijkteken (=) wordt gebruikt voor opvulling. De gecodeerde tekenreeks kan ook als waarde worden doorgegeven aan de queryparameter in een URL, aangezien het een URL-veilige variant is.

Waarom zou u Base64-codering gebruiken??

Als we binaire gegevens hebben die we over een netwerk willen verzenden, doen we dat over het algemeen niet door de bits en bytes gewoon over de draad te streamen in een onbewerkt formaat, omdat sommige media-inhoud is gemaakt voor het streamen van tekst. Als we het in de vorm van bits of bytes verzenden, kunnen sommige protocollen deze binaire gegevens interpreteren als stuurtekens (zoals een modem). Dergelijke binaire gegevens kunnen beschadigd raken omdat het onderliggende protocol ervan uitgaat dat deze gegevens een speciale tekencombinatie bevatten. FTP vertaalt bijvoorbeeld regeleindes. Om dit probleem te omzeilen, coderen we dergelijke binaire gegevens in tekens. Base64 is een van dit soort coderingen.

Base64-gecodeerde tekenreeks bevat 64 ASCII-tekens die de gecodeerde gegevens vertegenwoordigen. Deze 64 tekens zijn voldoende om alle gegevens van elke lengte te coderen. Het enige nadeel van base64-codering is dat de grootte van de gecodeerde string 33% groter zal zijn in vergelijking met de originele string. Alle base64-tekens zijn aanwezig in veel tekensets en dit zorgt ervoor dat verzonden gegevens zeker onbeschadigd de andere kant bereiken. Base64-tekens kunnen in 4 groepen worden gegroepeerd:

• Hoofdletters (indexen 0-25): ABCDEFGHIJKLMNOPQRSTUVWXYZ
• Kleine letters (index 26-51): abcdefghijklmnopqrstuvwxyz
• Cijfers (indexen 52-61): 0123456789
• Symbolen (index 62-63): +/

Tekens in een met base64 gecodeerde tekenreeks zijn hoofdlettergevoelig. Dit betekent dat, bijvoorbeeld, wanneer u met base64 gecodeerde tekenreeksen zoals ab ==, Ab==, aB== en AB== probeert te decoderen; je krijgt 4 verschillende resultaten. Gelijkteken (=) maakt geen deel uit van de index en is ook niet betrokken bij het coderingsproces. Het wordt alleen gebruikt voor opvulling en staat ook bekend als opvulkarakter. Het zorgt ervoor dat de met base64 gecodeerde tekenreeks een veelvoud van 4 bytes moet zijn, daarom wordt deze altijd toegevoegd aan het einde van de gecodeerde tekenreeks. Bekijk de onderstaande indextabel met base64-tekens voor een beter begrip.

Waar wordt Base64 gebruikt??

Base64 wordt in verschillende contexten gebruikt. Enkele hiervan worden hieronder gegeven.

• Base64 kan worden gebruikt om tekstgegevens te verzenden en op te slaan om elke vorm van scheiding van scheidingstekens te voorkomen.
• Binaire gegevens worden ingebed in XML-bestanden met behulp van Base64.
• Base64 wordt gebruikt om binaire bestanden zoals afbeeldingen te coderen, om afhankelijkheid van externe bestanden te voorkomen.
• Het gegevens-URI-schema gebruikt ook Base64 om afbeeldingsbestanden weer te geven. Daarom kan een afbeeldingsbron in een HTML-document een pad zijn naar een extern bestand of een gegevens-URI.
• Base64 wordt vaak gebruikt om geheimen te verbergen zonder de overhead van cryptografisch sleutelbeheer, omdat het eenvoudig en gebruiksvriendelijk is.
• Spammers gebruiken ook Base64-codering om elementaire anti-spamtools te vermijden, omdat ze geen trefwoorden in gecodeerde berichten kunnen detecteren.
• In LDIF-bestanden wordt Base64 gebruikt om tekenreeksen te coderen.

Wat is een gegevens-URL of gegevens-URI?

Gegevens-URL of URI staat voor data uniform resource locator of uniform resource identifier. Het is gewoon een schema dat een mechanisme biedt om gegevens in een HTML-document in lijn te brengen. Gegevens-URI bevat een base64-gecodeerde tekenreeks die een bestand vertegenwoordigt.

Bestand kan van verschillende typen zijn, maar meestal is het een afbeeldingsbestand. Het hebben van afbeeldingsgegevens in base64-gecodeerde tekenreeksindeling betekent eenvoudigweg dat om een ​​afbeelding op internet weer te geven, u geen afbeeldingslocatie hoeft op te geven. U kunt die gecodeerde tekenreeks rechtstreeks gebruiken als waarde van het bronkenmerk om een ​​afbeelding weer te geven. Telkens wanneer de browser gegevens-URI tegenkomt, kan deze het bestand decoderen en het originele bestand samenstellen. Het gegevens-URI-schema bevat informatie over het bestand, zoals het MIME-type en de met base64 gecodeerde tekenreeks. Bekijk de onderstaande code eens.

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

Afhankelijk van de bestandsgrootte kan de met base64 gecodeerde tekenreekslengte variëren. U kunt de gegevens-URI zowel in CSS-bestanden als in HTML-bestanden gebruiken.

Voordelen van het gebruik van gegevens-URL of gegevens-URI

Het belangrijkste voordeel van het gebruik van een gegevens-URI in plaats van een bestandspad is het verminderen van het aantal uitgaande http-verzoeken. Te veel http-verzoeken aan de server die keer op keer om hetzelfde bestand vragen, kunnen de belasting van de server verhogen. Als u het rechtstreeks in HTML insluit, zijn er geen uitgaande verzoeken meer omdat het bestand al in gecodeerd formaat in het HTML-document aanwezig is. Browser hoeft het alleen maar te decoderen en weer te geven. Zoals hierboven vermeld, zal de grootte van de base64-tekenreeks in de gegevens-URI 33% groter zijn dan de werkelijke bestandsgrootte. Het draait allemaal om prestatie-optimalisatie en hangt strikt af van uw keuze welke methode u het bestand wilt laden.

De gegevens-URI wordt niet in de cache opgeslagen door de browser, dus elke keer dat een gebruiker de webpagina bezoekt, moet de browser volledige HTML downloaden en ingesloten gegevens decoderen. Te veel gebruik van gegevens-URI in HTML kan de prestaties van een website aanzienlijk schaden. U moet het gebruik ervan zo laag mogelijk houden. U ziet mogelijk niet veel verschil in prestaties op desktops of laptops vanwege de snelle draadloze verbinding. Maar in het geval van mobiele apparaten, die een lage internetsnelheid hebben, zal dit aanzienlijk schaden. Als het laden van uw website op mobiele apparaten te lang duurt, zal er zeker inkomstenverlies en weinig tot geen gebruikersbetrokkenheid zijn.

Data URI Browser-ondersteuning

Data URI wordt ondersteund door alle moderne browsers. De oudere browsers zoals IE5 en IE7 ondersteunen het niet, dus gebruik het niet als u ondersteuning voor die browsers nodig heeft, of u kunt online naar een alternatieve oplossing zoeken. Bekijk de lijst met ondersteunde browsers hieronder.

• Firefox-versie 2+
• Opera versie 7.2+ (De lengte van gegevens-URI's mag niet langer zijn dan 4100 tekens)
• Chrome (alle versies worden ondersteund)
• Safari (alle versies worden ondersteund)
• Internet Explorer 8+ (De grootte van gegevens-URI's moet kleiner zijn dan 32 kb)