Voorbeeld voor
Voorbeeld na
Inhoudsopgave
Over deze functie
Zet een afbeelding gratis online om naar Base64. Upload een afbeelding en krijg direct de gecodeerde tekst.
Je kopieert de volledige Base64-tekst met één klik op de kopieerknop, of je downloadt hem als tekstbestand.
Kies of je de uitvoer wilt als HTML![]()
-tag of als CSS background-image-eigenschap.
Ondersteunde invoerformaten zijn JPEG, PNG en GIF.
Je kopieert de volledige Base64-tekst met één klik op de kopieerknop, of je downloadt hem als tekstbestand.
Kies of je de uitvoer wilt als HTML
Ondersteunde invoerformaten zijn JPEG, PNG en GIF.
Zo werkt het
-
1Kies je afbeeldingKlik op de knop "BESTAND KIEZEN" of sleep de afbeelding naar het scherm.
-
2ConverterenKlik op de knop "GRATIS CONVERTEREN".
-
3DownloadenKlik op de knop "Downloaden".
Kenmerken van DataChef
Eenvoudig en gratis
Onbeperkt gratis converteren
Geen voorkennis nodig – intuïtieve en eenvoudige bediening
Geen voorkennis nodig – intuïtieve en eenvoudige bediening
Geen registratie nodig
Direct te gebruiken
Zonder persoonlijke gegevens op te geven
Zonder persoonlijke gegevens op te geven
Veilig en betrouwbaar
Sterk versleutelde verbinding (SSL)
Bestand wordt automatisch verwijderd zodra je op "Downloaden" klikt
Bestand wordt automatisch verwijderd zodra je op "Downloaden" klikt
Snel
Snelle laadtijden en snelle conversie
Zonder watermerk
Geen watermerk
Geen bronvermelding vereist
Geen bronvermelding vereist
Commercieel gebruik toegestaan
Gratis voor commercieel gebruik
Geen toestemming vooraf nodig
Geen toestemming vooraf nodig
■Wat is Base64-codering? Binaire data als tekst
Afbeeldingen worden normaal als binaire data opgeslagen. Base64-codering zet die binaire data om naar een tekstreeks, zodat je een afbeelding als tekst kunt behandelen. Voor je bezoekers ziet het er precies uit als een gewone afbeelding.
■Voordelen van Base64-afbeeldingen op een website
1. Minder HTTP-verzoeken:
Met Base64-codering kun je afbeeldingen rechtstreeks in je HTML of CSS plaatsen. Omdat de afbeelding deel uitmaakt van het document, haalt de browser minder externe bestanden op, wat de laadtijd kan verkorten.
2. Stabiele lay-out:
Base64-codering kan voorkomen dat je ontwerp verspringt terwijl de pagina nog laadt. Op pagina's met veel iconen of kleine designelementen kan de lay-out even verschuiven tot elke afbeelding binnen is. Een Base64-afbeelding is deel van het document zelf en laadt dus nooit te laat als apart bestand.
3. Bescherming van afbeeldingen:
Base64-afbeeldingen zijn lastiger te downloaden dan gewone afbeeldingsbestanden. Ze kunnen niet op de gebruikelijke manier worden opgeslagen, zoals rechtsklikken en opslaan of ingedrukt houden, waardoor losjes kopiëren een stuk moeilijker wordt.
■Aandachtspunten bij Base64-afbeeldingen op een website
1. Grotere databestanden:
Base64-codering levert doorgaans meer data op dan het originele binaire bestand. Een grote afbeelding coderen blaast je paginagrootte op en kan het laden vertragen.
2. Minder effectieve caching:
Base64-gecodeerde afbeeldingen worden niet als extern bestand gecachet. Komt dezelfde afbeelding op een andere pagina voor, dan moet hij opnieuw worden gedownload. Houd hier rekening mee als caching belangrijk is voor je site.
3. Browserondersteuning:
Sommige heel oude browsers hebben moeite met het weergeven van Base64-gecodeerde afbeeldingen. Gebruik een moderne browser of controleer de ondersteuning voor je doelgroep.
■Conclusie
Alles bij elkaar genomen komt Base64-codering het best tot zijn recht bij kleine afbeeldingen zoals iconen en designelementen, en telkens wanneer je het aantal externe bestandsverzoeken wilt beperken. Voor grote afbeeldingen, of wanneer caching belangrijk is, is een gewoon extern bestand vaak beter. Gebruik Base64-codering verstandig om de kwaliteit van je website te verbeteren.
■Wat is Base64-codering? Binaire data als tekst
Afbeeldingen worden normaal als binaire data opgeslagen. Base64-codering zet die binaire data om naar een tekstreeks, zodat je een afbeelding als tekst kunt behandelen. Voor je bezoekers ziet het er precies uit als een gewone afbeelding.
■Voordelen van Base64-afbeeldingen op een website
1. Minder HTTP-verzoeken:
Met Base64-codering kun je afbeeldingen rechtstreeks in je HTML of CSS plaatsen. Omdat de afbeelding deel uitmaakt van het document, haalt de browser minder externe bestanden op, wat de laadtijd kan verkorten.
2. Stabiele lay-out:
Base64-codering kan voorkomen dat je ontwerp verspringt terwijl de pagina nog laadt. Op pagina's met veel iconen of kleine designelementen kan de lay-out even verschuiven tot elke afbeelding binnen is. Een Base64-afbeelding is deel van het document zelf en laadt dus nooit te laat als apart bestand.
3. Bescherming van afbeeldingen:
Base64-afbeeldingen zijn lastiger te downloaden dan gewone afbeeldingsbestanden. Ze kunnen niet op de gebruikelijke manier worden opgeslagen, zoals rechtsklikken en opslaan of ingedrukt houden, waardoor losjes kopiëren een stuk moeilijker wordt.
■Aandachtspunten bij Base64-afbeeldingen op een website
1. Grotere databestanden:
Base64-codering levert doorgaans meer data op dan het originele binaire bestand. Een grote afbeelding coderen blaast je paginagrootte op en kan het laden vertragen.
2. Minder effectieve caching:
Base64-gecodeerde afbeeldingen worden niet als extern bestand gecachet. Komt dezelfde afbeelding op een andere pagina voor, dan moet hij opnieuw worden gedownload. Houd hier rekening mee als caching belangrijk is voor je site.
3. Browserondersteuning:
Sommige heel oude browsers hebben moeite met het weergeven van Base64-gecodeerde afbeeldingen. Gebruik een moderne browser of controleer de ondersteuning voor je doelgroep.
■Conclusie
Alles bij elkaar genomen komt Base64-codering het best tot zijn recht bij kleine afbeeldingen zoals iconen en designelementen, en telkens wanneer je het aantal externe bestandsverzoeken wilt beperken. Voor grote afbeeldingen, of wanneer caching belangrijk is, is een gewoon extern bestand vaak beter. Gebruik Base64-codering verstandig om de kwaliteit van je website te verbeteren.