Beeld na Base64-omskakelaar
Skakel 'n beeldlêer om in 'n reël teks wat u in HTML, CSS, 'n JSON-versoek of 'n Markdown-lêer kan plak, met die data-URI-voorvoegsel reeds voorop sodat dit werk sodra u dit plak.
Data-omskakelaar
of los CSV, TSV, TXT …-lêers hier ·
Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute
Lêers word op ons bedieners verwerk en na 30 minute uitgevee.
Karakter wat kolomme in CSV- en tekslêers skei, vir lees en skryf. Outomaties bespeur dit uit die invoer en skryf kommas.
UTF-8 werk vir elke taal. Kies UTF-8 met BOM as Excel op Windows verwronge aksente of Asiatiese karakters wys wanneer die CSV oopgemaak word.
Excel-, ODS- en Numbers-invoer: skakel slegs die eerste blad om, of elke blad (een CSV per blad in 'n ZIP, of een JSON-sleutel per blad).
Naam van die bladtab in die nuwe sigblad, tot 31 karakters.
Skikking van objekte gebruik kolomname as sleutels vir elke ry; skikking van skikkings is kompakter en hou die opskrif as die eerste skikking.
Naam van die buitenste element wat alle rye omvat; elke ry word 'n <row> daarbinne.
Gebruik in CREATE TABLE- en INSERT-stellings. Slegs letters, syfers en onderstrepe.
Aanhaling en kolomtipes verskil effens tussen databasisse; kies die een waarin jy gaan invoer.
Herskryf datumselle in een formaat. ISO (2026-10-18) is die veiligste vir databasisse en kode; behou laat hulle soos in die bron.
Hoe om hierdie nutsding te gebruik
- 1
Voeg die beelde by
Sleep PNG-, JPG-, GIF-, WebP- of SVG-lêers na die oplaaigebied, tot 20 op 'n slag en elk tot 95 MB.
- 2
Hou of verwyder die voorvoegsel
Data URI-voorvoegsel is aan, so die resultaat begin met data:image/png;base64, of die ooreenstemmende tipe. Skakel dit af onder Gevorderde instellings wanneer 'n API net die kaal Base64-string wil hê.
- 3
Skakel om en kopieer
Druk Skakel om na Base64-teks en laai 'n .txt-lêer per beeld af, gereed om in jou kode te plak.
Laai die beeld op en druk Skakel om na Base64-teks. Jy kry die lêer as gewone karakters wat met data:image/…;base64, begin, sodat dit reguit in 'n img src of 'n CSS url() kan gaan. Niks aan die prent verander nie.
Waar 'n beeld as Base64 nuttig is
Base64 is in RFC 4648 (2006) gedefinieer en skakel elke 3 grepe binêre data om na 4 karakters uit 'n alfabet van 64 karakters: A–Z, a–z, 0–9, + en /. Die resultaat oorleef enige kanaal wat vir teks gebou is. Die data URI-skema, in 1998 deur Larry Masinter as RFC 2397 neergeskryf, laat 'n blaaier daardie teks as 'n lêer hanteer.
Voorkantontwikkelaars sluit klein ikone, laaiwielers en plekhouerbeelde in sodat 'n bladsy sonder ekstra versoeke vertoon. Agterkantontwikkelaars stuur beelde binne JSON, omdat baie API's, insluitend visie- en OCR-dienste, 'n beeld as 'n Base64-veld aanvaar. Toetsers hou toetsdata in die bronkode, en mense wat enkellêer-HTML-verslae of Markdown-notas bou, bed skermkiekies in sodat die lêer selfstandig bly wanneer dit per e-pos gestuur of geargiveer word.
Hoe die Base64-uitvoer lyk
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR4nGNgAAIAAAUAAXpeqz8AAAAASUVORK5CYII=" width="1" height="1" alt="Voorbeeldpiksel">
PNG-ikoonlêer
24 KB
tipiese nutsbalk-ikoonstel, 96 × 96 px
Base64-teks
32 KB
4 karakters per 3 grepe, plus die voorvoegsel
ANY I
Enige beeld
Hierdie nutsding aanvaar algemene beeldformate, insluitend JPG, PNG, WebP, HEIC, GIF, BMP en TIFF. Die formaat word outomaties uit die lêer herken, so jy hoef nie te weet watter soort beeld jy het nie.
BASE64
Base64-geënkodeerde teks
Base64 is 'n enkodering, in RFC 4648 gedefinieer, wat enige binêre data in 'n string van 64 veilige tekskarakters omskakel. Dit word gebruik om beelde as data-URI's in HTML en CSS in te bed, om lêers aan e-pos aan te heg, en om binêre data in JSON of XML te stuur. Enkodering is ten volle omkeerbaar, maar maak data ongeveer 33% groter. Base64 is nie enkripsie nie en bied geen sekuriteit nie; enigeen kan dit dekodeer.
- Kompressie
- Verliesloos
- Deursigtigheid
- –
- Animasie
- –
- Bekendgestel
- –
Beelde word Base64-teks wanneer hulle binne iets moet reis wat slegs teks dra: 'n HTML- of CSS-lêer sonder 'n aparte versoek, 'n JSON-veld van 'n API-oproep, 'n toetsopstelling, of 'n enkellêer-verslag.
Wanneer 'n ingebedde beeld 'n bladsy help, en wanneer dit skaad
Insluiting spaar 'n versoek, wat die meeste saak gemaak het onder HTTP/1.1, toe blaaiers net 'n handjievol verbindings per werf geopen het. Met HTTP/2- en HTTP/3-multipleksing is ekstra klein versoeke goedkoop, so die voordeel krimp terwyl die koste bly: die geënkodeerde beeld kan nie apart gekas word nie, dit word weer afgelaai wanneer die HTML of CSS verander, en dit vertraag die ontleding van die lêer waarin dit sit.
'n Verstandige reël is om slegs beelde van 'n paar kilogrepe in te sluit wat op elke bladsy verskyn, soos 'n logo of 'n ikoonsprite, en alles anders as lêers te bedien. Foto's hoort byna nooit ingesluit nie. As jy eintlik 'n ander lêertipe eerder as teks nodig het, hanteer die beeldomskakelaar dit.
Sterkpunte van Base64-beelde
- Een selfstandige HTML-, CSS- of JSON-lêer
- Geen ekstra versoek vir piepklein ikone nie
- Veilig binne JSON, XML en ander teksformate
- Verliesloos en omkeerbaar
Koste van Base64-beelde
- Ongeveer 33% groter as die binêre lêer
- Word nie apart deur die blaaier gekas nie
- Word deur baie e-poskliënte as beelde geblokkeer
- Moeilik om in kodeverskille na te gaan
Vrae oor beeld na Base64
Wat is die verskil tussen Base64 en 'n data-URI?
Base64 is slegs die geënkodeerde karakters. 'n Data URI omvou hulle met 'n skema en tipe, data:image/png;base64, gevolg deur die karakters, sodat 'n blaaier weet hoe om hulle te dekodeer en te vertoon. HTML en CSS het die volle data URI nodig; die meeste JSON-API's wil net die gewone Base64-deel hê.
Hoeveel groter word 'n beeld as Base64?
Base64 skryf 4 karakters vir elke 3 grepe, so die teks is ongeveer 'n derde groter as die lêer, plus die kort voorvoegsel. 'n PNG van 30 KB word ongeveer 40 KB teks. As die HTML of CSS met gzip saamgepers word, word 'n deel van daardie ekstra grootte tydens oordrag teruggewen.
Kan ek 'n Base64-beeld in 'n e-poshandtekening gebruik?
Dit is onbetroubaar. Gmail wys nie data URI-beelde nie, en etlike rekenaar-e-posprogramme verwyder hulle ook, so ontvangers sien 'n gebreekte ikoon. Plaas die beeld op 'n webbediener of heg dit aan, en hou Base64 vir webbladsye en toepassings.
Moet 'n SVG-ikoon as Base64 geënkodeer word?
Dit werk, maar SVG is reeds teks. As jy die opmaak met URL-enkodering in plaas van Base64 enkodeer, kry jy gewoonlik 'n korter data URI wat leesbaar bly. Vir enigiets groter as 'n klein ikoon is 'n aparte SVG-lêer wat die blaaier kan kas die beter keuse.
Kan ek die Base64-teks terug na 'n beeld omskakel?
Ja, die enkodering is verliesloos en ten volle omkeerbaar: dekodering gee die presiese oorspronklike grepe terug. Elke programmeertaal het 'n dekodeerder, en as jy 'n volledige data URI in 'n blaaier se adresbalk plak, word die beeld vertoon.
Verander enkodering die beeldkwaliteit?
Nee. Base64 verander hoe die grepe geskryf word, nie die piksels nie. Om die string korter te maak, verklein eers die beeld, byvoorbeeld met beeld na 20 KB saampers, en enkodeer die kleiner lêer.
- JSON na Base64-enkodeerderEnkodeer 'n JSON-lêer as een reël Base64 vir Kubernetes Secrets, CI-veranderlikes, API-data en tokens. Greep vir greep omkeerbaar, opsionele data-URI.
- SVG na PNG omskakelSkakel SVG-logo's en -ikone om na PNG teen die wydte wat u kies, by verstek 1024 px, met die deursigtige agtergrond behou. Sien hoe DPI en piksels saamhang.
- Skakel PNG gratis om na SVGSkakel PNG gratis om na SVG sonder rekening: spoor logo's, ikone en lynkuns na skaalbare paaie. Kies kleur, grysskaal of swart-wit en hoeveel kleure.
- Beeld saampers na 20 KBPers 'n foto of handtekening saam na 20 KB of minder as JPG vir SSC, IBPS en ander eksamenportale. Presiese teikengrootte, afmetings behou waar moontlik.
- JPG na PNG-omskakelaarSkakel JPG om na PNG vir verlieslose redigering, ikone en toepassings wat PNG vereis. Lees hoekom die lêer groter word en die agtergrond nie deursigtig nie.