Conversion

Afbeelding naar Base64

Codeer afbeeldingen naar Base64 / Data URI en decodeer Base64 terug naar afbeeldingen – direct, in uw browser.

Your files stay on your device - processed locally via WebAssembly, never uploaded

Drop images to encode

JPEG, PNG, WebP, GIF, BMP, SVG - single or batch

All encoding and decoding happens in your browser via FileReader and Canvas. Your images are never uploaded.
Share this tool with othersHelp others discover free tools
Embed this tool on your website

Copy this code to add the Afbeelding naar Base64 to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.

<iframe src="https://optipix.art/embed/image-to-base64" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="Afbeelding naar Base64 by OptiPix" loading="lazy"></iframe>
<p style="font-size:12px">Free tool by <a href="https://optipix.art/image-to-base64">OptiPix Afbeelding naar Base64</a></p>

❤️ Love this tool? Support our team.

No ads, no tracking, no limits. Tips keep 104 tools free for everyone.

$

Secure payment via Stripe · No account needed

About Afbeelding naar Base64

Last updated: May 2026

OptiPix Image to Base64 converteert elke afbeelding naar een Base64 data URI die je direct kunt insluiten in HTML, CSS, JSON, of API's - en decodeert Base64 strings terug naar downloadbare afbeeldingen. Sleep een JPEG, PNG, WebP, GIF, BMP, of SVG en zie direct de volledige data URI, de ruwe Base64 string, karaktertelling, originele grootte vs. gecodeerde grootte, en kant-en-klare HTML / CSS snippets. Hercodeer als PNG, JPEG (met kwaliteitscontrole), of WebP om de kleinst mogelijke Base64 representatie te vinden. Plak elke Base64 string terug in de decoder om de originele afbeelding voor te bekijken en te downloaden. Batchmodus laat je veel afbeeldingen tegelijk coderen en ze allemaal als een JSON array kopiëren. Alles draait lokaal - bestanden worden gelezen met FileReader en nooit geüpload.

How It Works

Codering gebruikt FileReader.readAsDataURL voor directe Base64, met optionele canvas hercodering om het formaat te wijzigen. Decodering laadt de data URI in een Image, tekent het op een canvas, en exporteert als een downloadbare Blob.

Use Cases

  • Een klein icoon inline plaatsen in CSS om een HTTP-verzoek te besparen
  • Afbeeldingen insluiten in een HTML-e-mail die offline moet renderen
  • Een afbeelding naar een API sturen die Base64 verwacht in JSON
  • Een Base64 blob decoderen die je hebt ontvangen in een webhook
  • Een Base64 string verkleinen door de afbeelding te hercoderen als WebP

You Might Also Like

If you find Afbeelding naar Base64 useful, check out these related tools: Format Converter, Image Compressor, and Image to SVG. All tools run entirely in your browser with no uploads or signups required.

Frequently Asked Questions

Waarom is de Base64 string groter dan het originele bestand?
Base64 codering vertegenwoordigt 3 bytes binaire data als 4 ASCII karakters, dus de gecodeerde tekst is ongeveer 33% groter dan het originele bestand. Om het te verkleinen, schakel je het uitvoerformaat naar JPEG of WebP en verlaag je de kwaliteit.
Waar kan ik een Base64-afbeelding gebruiken?
Sluit het direct in HTML <img src='data:…'> tags, CSS background-image: url('data:…'), HTML e-mail templates, JSON API payloads, of waar je maar een afbeelding inline wilt verzenden zonder een aparte aanvraag.
Is decoderen veilig?
Ja - decoderen gebeurt volledig in je browser met een verborgen afbeeldings-element. We voeren niets uit, loggen niets, en uploaden niets.
Kan ik meerdere afbeeldingen tegelijk coderen?
Ja. Sleep meerdere afbeeldingen in batchmodus om een tabel van alle resultaten te krijgen plus een JSON array die je met één klik kunt kopiëren.
Wat is het verschil tussen een data URI en ruwe Base64?
Een data URI begint met de mime-prefix (data:image/png;base64,…) zodat browsers weten hoe ze het moeten interpreteren. Ruwe Base64 is alleen de gecodeerde payload - nuttig wanneer de consument zelf de prefix toevoegt.

Related Tools

More File Conversion Tools

All 102 Tools

Image CompressorBackground RemoverVideo CompressorImage UpscalerOCR Text ExtractorFormat ConverterImage ResizerEXIF RemoverFace BlurDepth EstimationQR Code GeneratorWatermark MakerColor Palette ExtractorPhoto FiltersImage to PDFObject DetectionImage ClassifierImage CaptionerAI Image GeneratorMeme GeneratorGIF MakerPhoto Collage MakerImage CropPhoto EffectsImage to SVGColor ChangerNoise RemoverPhoto RestorationColor PickerFavicon GeneratorImage to Base64Image Metadata ViewerImage AnnotatorPassport Photo MakerDocument ScannerASCII Art GeneratorImage ComparisonSprite Sheet GeneratorObject RemoverPanorama MakerWord CounterCase ConverterLorem Ipsum GeneratorUUID GeneratorUnix Timestamp ConverterText DiffURL Encoder / DecoderHTML Entity Encoder / DecoderBase64 Text Encoder / DecoderText to Binary / Hex / OctalHash GeneratorJSON Formatter / ValidatorRandom String GeneratorCSV ↔ JSON ConverterMarkdown EditorUnit ConverterPercentage CalculatorBMI CalculatorAge CalculatorTip CalculatorCSS Gradient GeneratorCSS Box Shadow GeneratorCSS Border Radius GeneratorGlassmorphism GeneratorNeumorphism GeneratorCSS Text Shadow GeneratorFlexbox PlaygroundCSS Grid GeneratorAudio TrimmerAudio ConverterAudio MergerAudio RecorderVideo to Audio ExtractorAudio Speed ChangerAudio Volume BoosterRingtone MakerVocal RemoverText to SpeechSpeech to TextAudio Noise RemoverAudio EqualizerAudio EffectsVideo TrimmerVideo MergerVideo ResizerVideo Speed ChangerVideo RotatorVideo to MP4 ConverterAdd Music to VideoMute VideoVideo LooperReverse VideoVideo ScreenshotAdd Subtitles to VideoVideo WatermarkScreen RecorderWebcam RecorderSlideshow MakerVideo FiltersCron Expression BuilderRegex TesterUnix Timestamp Converter