UltKit
Afbeelding11
Afbeelding converterenAfbeelding comprimerenAfbeelding verkleinenAfbeelding bijsnijdenAfbeelding naar PDFPasfoto makenAfbeelding naar SVGAlle Afbeelding-tools →
PDF13
PDF comprimerenPDF converterenPDF naar afbeeldingPDF samenvoegenPDF splitsenPDF ontgrendelenPDF beveiligenAlle PDF-tools →
Documenten en data7
Omzetten naar PDFDocumentconverterAfbeelding naar tekst (OCR)Afbeelding naar ExcelDataconverterE-bookconverterAlle Documenten en data-tools →
Video6
VideoconverterVideo comprimerenVideo naar audioVideo naar GIFVideo inkortenAudio naar videoAlle Video-tools →
Audio4
AudioconverterAudio comprimerenAudio inkortenAudio naar tekstAlle Audio-tools →
Meer tools22
QR-code generatorBestanden zippenOnline uitpakkenTijdzoneomrekenaarEenhedenomrekenaarWachtwoordgeneratorWoordentellerKleurkiezerAlle overige tools →
BlogHoe het werkt

Afbeelding naar Base64 converteren

Zet een afbeeldingsbestand om in een regel tekst die u in HTML, CSS, een JSON-verzoek of een Markdown-bestand kunt plakken. Het data-URI-prefix staat er al voor, zodat het direct werkt zodra u het plakt.

Dataconverter

of sleep CSV, TSV, TXT …-bestanden hierheen ·

Max. 95 MB per bestand· Tot 20 bestanden· Verwijderd na 30 minuten

Uitvoer

Bestanden worden op onze servers verwerkt en na 30 minuten verwijderd.

Zo gebruikt u deze tool

  1. 1

    Voeg de afbeeldingen toe

    Sleep PNG-, JPG-, GIF-, WebP- of SVG-bestanden naar het uploadvak, maximaal 20 tegelijk en elk tot 95 MB.

  2. 2

    Behoud of verwijder het prefix

    Data-URI-voorvoegsel staat aan, dus het resultaat begint met data:image/png;base64, of het bijbehorende type. Zet het uit onder Geavanceerde instellingen als een API de kale Base64-string verwacht.

  3. 3

    Converteer en kopieer

    Klik op Converteren naar Base64-tekst en download per afbeelding een .txt-bestand, klaar om in uw code te plakken.

Upload de afbeelding en klik op Converteren naar Base64-tekst. U krijgt het bestand als gewone tekens, beginnend met data:image/…;base64, zodat het direct in een img src of een CSS url() kan. Aan de afbeelding zelf verandert niets.

Waarvoor een afbeelding als Base64 handig is

Base64 is vastgelegd in RFC 4648 (2006) en zet elke 3 bytes binaire data om in 4 tekens uit een alfabet van 64 tekens: A–Z, a–z, 0–9, + en /. Het resultaat overleeft elk kanaal dat voor tekst is gemaakt. Het data-URI-schema, in 1998 door Larry Masinter beschreven als RFC 2397, laat een browser die tekst vervolgens als bestand behandelen.

Front-endontwikkelaars voegen kleine pictogrammen, laadanimaties en plaatshouderafbeeldingen inline in, zodat een pagina zonder extra aanvragen wordt weergegeven. Back-endontwikkelaars sturen afbeeldingen in JSON mee, omdat veel API's, waaronder beeldanalyse- en OCR-diensten, een afbeelding als Base64-veld accepteren. Testers bewaren testgegevens in de broncode, en wie HTML-rapporten in één bestand of Markdown-notities maakt, sluit schermafbeeldingen in zodat het bestand compleet blijft bij mailen of archiveren.

Hoe de Base64-uitvoer eruitziet

Een transparante PNG van 1 × 1 (68 bytes) als data-URI in een img-tag
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Transparante pixel">

PNG-pictogrambestand

24 KB

gangbare set werkbalkpictogrammen, 96 × 96 px

+33% grootte, geen kwaliteitsverlies

Base64-tekst

32 KB

4 tekens per 3 bytes, plus het voorvoegsel

ANY I

Elke afbeelding

Deze tool accepteert veelgebruikte afbeeldingsformaten, waaronder JPG, PNG, WebP, HEIC, GIF, BMP en TIFF. Het formaat wordt automatisch uit het bestand herkend, dus u hoeft niet te weten om wat voor afbeelding het gaat.

Any image-converter

BASE64

Base64-gecodeerde tekst

Base64 is een codering, vastgelegd in RFC 4648, die willekeurige binaire data omzet in een reeks van 64 veilige tekentekens. Het wordt gebruikt om afbeeldingen als data-URI's in HTML en CSS in te sluiten, om bestanden aan e-mail te hechten en om binaire data te versturen in JSON of XML. Coderen is volledig omkeerbaar, maar maakt data ongeveer 33% groter. Base64 is geen versleuteling en biedt geen beveiliging; iedereen kan het decoderen.

Compressie
Zonder verlies
Transparantie
–
Animatie
–
Geïntroduceerd
–
BASE64-converter

Afbeeldingen worden Base64-tekst wanneer ze moeten meereizen in iets dat alleen tekst kan bevatten: een HTML- of CSS-bestand zonder aparte aanvraag, een JSON-veld in een API-aanroep, een testbestand of een rapport in één bestand.

Wanneer een inline afbeelding een pagina helpt en wanneer niet

Inline invoegen scheelt een aanvraag, wat het meest uitmaakte onder HTTP/1.1, toen browsers maar een handvol verbindingen per site openden. Met de multiplexing van HTTP/2 en HTTP/3 zijn extra kleine aanvragen goedkoop, dus het voordeel slinkt terwijl de nadelen blijven: de gecodeerde afbeelding kan niet apart worden gecachet, wordt opnieuw gedownload zodra de HTML of CSS verandert en vertraagt het verwerken van het bestand waarin ze staat.

Een verstandige vuistregel is alleen afbeeldingen van een paar kilobyte inline te plaatsen die op elke pagina voorkomen, zoals een logo of een pictogramsprite, en al het andere als bestand aan te bieden. Foto's horen vrijwel nooit inline. Heeft u eigenlijk een ander bestandstype nodig in plaats van tekst, dan regelt de afbeeldingsconverter dat.

Sterke punten van Base64-afbeeldingen

  • Eén zelfstandig HTML-, CSS- of JSON-bestand
  • Geen extra aanvraag voor kleine pictogrammen
  • Veilig in JSON, XML en andere tekstformaten
  • Verliesvrij en omkeerbaar

Nadelen van Base64-afbeeldingen

  • Ongeveer 33% groter dan het binaire bestand
  • Wordt door de browser niet apart gecachet
  • Door veel e-mailprogramma's als afbeelding geblokkeerd
  • Lastig te beoordelen in code-diffs

Vragen over afbeelding naar Base64

Wat is het verschil tussen Base64 en een data-URI?

Base64 is alleen de gecodeerde tekens. Een data-URI verpakt die met een schema en type, data:image/png;base64, gevolgd door de tekens, zodat een browser weet hoe hij ze moet decoderen en weergeven. HTML en CSS hebben de volledige data-URI nodig; de meeste JSON-API's willen alleen het kale Base64-deel.

Hoeveel groter wordt een afbeelding als Base64?

Base64 schrijft 4 tekens voor elke 3 bytes, dus de tekst is ongeveer een derde groter dan het bestand, plus het korte voorvoegsel. Een PNG van 30 KB wordt ruim 40 KB aan tekst. Wordt de HTML of CSS met gzip-compressie verstuurd, dan wordt een deel van die extra omvang tijdens het transport weer goedgemaakt.

Kan ik een Base64-afbeelding in een e-mailhandtekening gebruiken?

Dat is onbetrouwbaar. Gmail toont geen data-URI-afbeeldingen en meerdere desktop-mailprogramma's verwijderen ze ook, waardoor ontvangers een kapot pictogram zien. Plaats de afbeelding op een webserver of voeg haar als bijlage toe, en bewaar Base64 voor webpagina's en apps.

Moet een SVG-pictogram als Base64 worden gecodeerd?

Het werkt, maar SVG is al tekst. Als u de opmaak URL-codeert in plaats van Base64-codeert, krijgt u meestal een kortere data-URI die ook leesbaar blijft. Voor alles wat groter is dan een klein pictogram is een apart SVG-bestand dat de browser kan cachen de betere keuze.

Kan ik de Base64-tekst terugzetten naar een afbeelding?

Ja, de codering is verliesvrij en volledig omkeerbaar: decoderen geeft exact de oorspronkelijke bytes terug. Elke programmeertaal heeft een decoder, en als u een volledige data-URI in de adresbalk van een browser plakt, verschijnt de afbeelding.

Verandert het coderen de beeldkwaliteit?

Nee. Base64 verandert hoe de bytes worden geschreven, niet de pixels. Wilt u de string korter maken, verklein dan eerst de afbeelding, bijvoorbeeld met afbeelding comprimeren tot 20 KB, en codeer het kleinere bestand.