🖼️

Mynd í Base64 Umbreytir

Umbreyttu myndum í Base64 kóðun samstundis. Hladdu upp hvaða mynd sem er og fáðu Base64 strenginn til notkunar í HTML, CSS eða JavaScript. 100% ókeypis, virkar alveg í vafranum þínum - engin upphal á þjóna.

Eiginleikar

Umbreyttu PNG, JPG, GIF, WebP, SVG myndum í Base64

Afritaðu á klemmuspjald eða sæktu sem textaskrá

Valfrjálst gagna-URL forskeyti fyrir beina innfellingu

100% biðlarahlið - myndirnar þínar yfirgefa aldrei vafrann

Búðu til Faglegar Bloggmyndir

Þarftu meira en kóðun? Notaðu gervigreind okkar til að búa til stórkostlegar bloggmyndir í 21 liststíl, þegar fínstillt fyrir vef.

Prófaðu BlogImageGen Ókeypis

Hvernig á að Umbreyta Mynd í Base64

1

Hlaðið upp Myndinni Ykkar

Smelltu eða dragðu og slepptu myndinni þinni (PNG, JPG, GIF, WebP, SVG). Hámarks skráarstærð er 10MB. Myndin er unnin alveg í vafranum þínum fyrir friðhelgi einkalífs.

2

Veldu Úttakssnið

Skiptu um hvort þú viljir hafa með gagna-URL forskeytið (data:image/png;base64,). Hafðu það með fyrir beina notkun í HTML/CSS, eða sleptu því ef þú þarft bara kóðuðu gögnin.

3

Afrita eða Sækja

Smelltu á Afrita til að afrita Base64 strenginn á klemmuspjaldið, eða Sækja til að vista hann sem textaskrá. Notaðu Base64 strenginn í HTML, CSS eða JavaScript kóðanum þínum.

Notkunartilvik

Vefþróun

Felldu litlar myndir, tákn og lógó beint inn í HTML eða CSS án aðskildra HTTP beiðna. Fullkomið fyrir favicons, UI þætti og mikilvægar above-the-fold myndir sem þurfa að hlaðast samstundis.

Tölvupóstsniðmát

Innfelldar myndir í HTML tölvupóstum til að tryggja að þær birtist rétt í öllum tölvupóstforritunum. Base64 kóðun kemur í veg fyrir brotnar myndatengla og tryggir að tölvupósturinn þinn líti faglegur út alls staðar.

Gagnageymsla og API

Geymdu myndagögn í JSON, gagnagrunnum eða sendu í gegnum API án þess að þurfa að meðhöndla skráarupphöl. Gagnlegt fyrir notendamyndir, vörumyndir eða hvaða atburðarás þar sem þú þarft myndagögn sem texta.

Algengar Spurningar

Hvað er Base64 kóðun?

Base64 er leið til að kóða tvíundar gögn (eins og myndir) sem texta. Þetta gerir þér kleift að fella myndir beint inn í HTML, CSS eða JavaScript án þess að þurfa aðskildar myndaskrár. Það er almennt notað fyrir litlar myndir, tákn eða þegar þú vilt draga úr HTTP beiðnum.

Hvenær ætti ég að nota Base64 myndir?

Base64 er best fyrir litlar myndir (undir 10KB) eins og tákn, lógó eða UI þætti. Það dregur úr HTTP beiðnum og getur bætt síðuhleðslu fyrir litlar myndir. Hins vegar eykur Base64 skráarstærð um u.þ.b. 33%, svo það er ekki tilvalið fyrir stórar myndir eða ljósmyndir.

Hvað er gagna-URL forskeytið?

Gagna-URL forskeytið (eins og data:image/png;base64,) segir vöfrum hvernig á að túlka Base64 strenginn. Hafðu það með þegar þú fellur beint inn í HTML src eiginleika eða CSS url() föll. Sleptu því ef þú ert bara að geyma kóðuðu gögnin í gagnagrunni eða nota þau forritunarlega.

Er myndin mín hlaðið upp á þjón?

Nei! Þetta verkfæri virkar 100% biðlarahlið í vafranum þínum með JavaScript. Myndin þín yfirgefur aldrei tölvuna þína. Umbreytingin gerist staðbundið fyrir fulla friðhelgi einkalífs og öryggi.

Hvernig nota ég Base64 myndir í HTML?

Notaðu Base64 strenginn með gagna-URL forskeytinu í img merki: <img src='data:image/png;base64,iVBORw0K...' />. Fyrir CSS, notaðu það í url(): background-image: url('data:image/png;base64,iVBORw0K...');. Þetta fellir myndina beint inn án aðskildrar skráar.

Hver er hámarks myndastærð?

Þetta verkfæri styður myndir allt að 10MB. Hins vegar fyrir Base64 kóðun er minna betra. Skrár undir 10KB virka best. Stærri myndir auka HTML/CSS skráarstærðina verulega og geta hægt á síðuhleðslutímum.

Generate Blog Images

Paste your blog content and select a style to generate images

0 characters · 0 words
Selected Style
Hyperrealistic
Selected Format
Select a format →
Images
1

Configuration

Style

Professional studio photography

Format
Aspect Ratio
Available credits 1,172

Veldu listræna stílinn þinn

Frá ofurraunverulegri ljósmyndun til anime, frá cyberpunk til vatnslita

Cyberpunk

Cyberpunk

Studio Ghibli

Studio Ghibli

Van Gogh

Van Gogh

Hyperrealistic

Hyperrealistic

Synthwave

Synthwave

Marvel Comics

Marvel Comics

Low Poly

Low Poly

Sumi-e Ink

Sumi-e Ink

Pixar 3D

Pixar 3D