Image to Base64
Convert images to Base64
Convert images to Base64 Wordt lokaal uitgevoerd in uw browser
About the
De Image to Base64-converter verandert elk afbeeldingsbestand in een Base64-gegevens-URI die u rechtstreeks in HTML, CSS of JSON kunt plakken. Het bestand wordt gelezen met de eigen bestandslezer van de browser en lokaal gecodeerd, zodat het nooit wordt geüpload. Hierdoor is het veilig voor logo's en assets die u liever niet naar een derde partij stuurt. Het aantal tekens wordt naast het resultaat weergegeven, omdat Base64 de grootte met ongeveer een derde vergroot, en dat maakt uit als de string inline op een pagina terechtkomt.
Where people use the
- Een klein logo inline plaatsen, zodat een e-mailsjabloon wordt weergegeven zonder externe middelen.
- Een pictogram insluiten in een HTML-document met één bestand.
- Een afbeelding in een JSON-payload plaatsen die alleen tekst accepteert.
- Een waarschuwing voor gemengde inhoud vermijden op een pagina die via HTTPS wordt weergegeven.
How to use the
- 1
Kies een afbeelding
Gebruik het uploadbesturingselement om een afbeeldingsbestand te kiezen. Gangbare formaten zoals PNG, JPEG, GIF en SVG worden allemaal geaccepteerd.
- 2
Wacht op de codering
De gegevens-URI verschijnt in een tekstgebied zodra het bestand is gelezen. Grotere bestanden duren iets langer.
- 3
Kopieer de tekenreeks
Gebruik de kopieerknop om de volledige gegevens-URI over te nemen, inclusief de gegevens: voorvoegsel en het mediatype.
- 4
Plak het waar je het nodig hebt
Gebruik het als de bron van een afbeeldingstag, binnen een CSS-url()-waarde, of als een veld in een JSON-payload.
Tips en beste praktijken
- Houd inline afbeeldingen klein; de string is ongeveer een derde groter dan het bestand.
- Kopieer de volledige gegevens-URI, inclusief het data:-voorvoegsel, anders geeft de browser deze niet weer.
- Voor foto's host u het bestand en koppelt u ernaar in plaats van het inline te plaatsen.
Veelgestelde vragen
Wordt de afbeelding ergens geüpload?
Nee. Het bestand wordt gelezen en gecodeerd in uw browser, zodat het uw apparaat nooit verlaat. Dat is de belangrijkste reden om dit te gebruiken in plaats van een online converter die een upload uitvoert.
Waarom is de string zoveel langer dan het bestand?
Base64 vertegenwoordigt drie bytes met vier tekens, dus het resultaat is ongeveer een derde groter dan het originele bestand vóór enige andere overhead.
Moet ik afbeeldingen op een pagina inline plaatsen?
Alleen kleintjes. Inlining slaat een verzoek op, maar voorkomt dat het bestand afzonderlijk in de cache wordt opgeslagen en maakt de HTML groter, zodat deze geschikt is voor pictogrammen en kleine logo's, niet voor foto's.
Kan ik de andere kant op gaan?
Niet hier. Deze tool codeert een afbeeldingsbestand naar tekst. Voor het decoderen is een Base64-decoder plus het originele mediatype nodig.
Is er een limiet voor de bestandsgrootte?
Er is geen serverlimiet, omdat er niets wordt geüpload. Zeer grote afbeeldingen zullen nog steeds tijd nodig hebben om te coderen en een logge string te produceren.