Hoe skakel ek 'n beeld om na 'n Base64-data-URI vir CSS?

Los of plak 'n beeld (Ctrl+V), maak dan die CSS-oortjie oop en klik Kopieer. Jy kry 'n background-image: url(...)-reël met die data-URI ingesluit. Die HTML-, Markdown-, Raw Base64- en JSON-oortjies werk dieselfde.

Hoekom is die Base64-uitvoer ongeveer 'n derde groter as my beeld?

Base64 verander elke 3 grepe in 4 tekskarakters, so die teks is ongeveer 33% groter as die lêer. Daarom is data-URI's geskik vir klein ikone en logo's, nie groot foto's nie.

Hoe kan ek die Base64-string korter maak?

Maak eers Krimp oop en stel 'n Maksimum wydte of 'n Formaat (WebP, JPEG of PNG), en verlaag die Gehalte vir WebP of JPEG. SVG- en GIF-lêers kan nie so gekrimp word nie; SVG kry in plaas daarvan 'n SVG (URL-gekodeer)-oortjie.

Kan ek 'n Base64-string terug in 'n beeld omskakel?

Ja. Skakel Rigting na Base64 na beeld en plak 'n data-URI of kaal Base64. Dit herken PNG, JPEG, GIF, WebP, SVG, BMP, ICO en AVIF, en bied dan 'n aflaai aan. Ongeldige invoer wys 'n fout.

Hoekom misluk Kopieer of lyk die voorskou afgesny by 'n groot beeld?

Die voorskou wys net die eerste 2000 karakters, maar Kopieer en Laai af gee die volle waarde. Baie groot stringe kan die blaaier se knipbordlimiet oorskry, so gebruik Laai af of krimp eers die beeld.

Is dit regtig gratis?

Ja. Elke instrument is gratis om te gebruik, sonder 'n rekening en sonder 'n kredietkaart. Die werk loop op jou toestel eerder as op ons bedieners, en dit is wat dit gratis hou om te loop.

Word my lêers opgelaai?

Nee. Jou lêers word in jou blaaier oopgemaak en verwerk en word nie na LibraTool gestuur nie. Sommige gereedskap laai eers 'n verwerkingsenjin of KI-model na jou blaaier af; daardie aflaai bevat geen data van jou nie.

Ja. Dit werk in huidige mobiele blaaiers op iOS en Android, sonder om iets te installeer. Baie groot lêers kan stadig wees of die geheue op 'n foon uitput, gebruik dus 'n rekenaar daarvoor.

🖼️

Gratis Beeld na Base64

Skakel 'n beeld na 'n Base64-data-URI om vir inlyngebruik in CSS, HTML of Markdown. Kopieer gereedgemaakte knippies. Gekodeer in jou blaaier; nooit opgelaai nie.

Lêergrootte hang van jou toestel afLêers bly privaatGeen aanmelding benodigGratis vir altyd

Werk vanlyn sodra gelaai

Los 'n lêer hier, of klik om te soek

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · op jou toestel verwerk

of druk Ctrl+V om vanaf jou knipbord te plak

Blaai deur lêers

Wenk: jy kan ook 'n beeld uit jou knipbord plak (Ctrl+V).

Jou lêers verlaat nooit jou toestel nie. Alle verwerking gebeur plaaslik in jou blaaier.

Skakel 'n prent om na 'n Base64-data-URI wat jy direk in CSS, HTML of Markdown kan plak — geen aparte lêer nodig nie. Gekodeer in jou blaaier; nooit opgelaai nie.

Algemene gebruike

Insluit Beeld in CSSSluit klein ikoon of agtergrond in as data URI in u stylspreiskaart.
Sluit Beeld in HTML inSluit logo of ikoon direk in selfstandige HTML in.
Omskep SVG of Ikoon na Base64Verander klein ikoon in data URI vir insluit.
Sluit Beeld in Merkering inSluit klein beeld in Markdown-lêer in met data URI.
Kry Beeld Data URIProduseer roudata: URI wat u enige plek kan gebruik.

Hoe dit werk

'n Data URI bed 'n beeld direk in jou kode as teks in, sodat dit laai sonder 'n aparte lêer-versoek - handiger vir klein ikone en selfgenoegsame HTML. Dit kodeer dit in jou blaaier.

1
Jy los 'n beeld in
Dit word plaaslik gelees met die FileReader API - nooit opgelaai.
2
Dit word Base64-gekodeer
Die beeldgrepe word 'n data: URI (data:image/...;base64,…) reg in jou blaaier.
3
Jy kies 'n snippet
Kopieer die rou data URI, of gereedgemaakte CSS (background-image), HTML (<img>) of Markdown.
4
Plak dit in jou kode
Die beeld reiziger nou inlyn met jou CSS/HTML - geen ekstra lêer om gasheer.

Die beeld word gekodeer heeltemaal op jou toestel. Let daarop dat Base64 ~33% groter is as die oorspronklike, so data URIs is beste vir klein beelde.

Verwante gereedskap

🖼️

Beeldsteganografie (versteek teks in beeld)

Versteek 'n geheime teksbooodskap binne 'n PNG deur min-betekenisvolle-bietjie-steganografie, met opsionele AES-256-GCM-wagwoord-versleuteling. Onttrek dit later met dieselfde hulpmiddel. Alles loop in jou blaaier.

Probeer ditLêers bly plaaslik

🔢

Base64 Enkodeerder en dekodeerder

Enkodeer teks of lêers na Base64, of dekodeer Base64 stringe terug na gewone teks. Onmiddellik, privaat en gratis.

Probeer dit

🔗

URL Enkodeerder en dekodeerder

Enkodeer en dekodeer URL's en navraagstringe. Ondersteun encodeURIComponent, decodeURIComponent, en navraagstring-ontleding.