Pāriet uz galveno saturu

Attēls uz Base64 bez maksas

Konvertē attēlu uz Base64 datu URI iegultai lietošanai CSS, HTML vai Markdown. Kopē gatavus fragmentus. Enkodēts pārlūkprogrammā; nekad augšupielādēts.

Darbojas bezsaistē pēc ielādes

Nometiet failu šeit vai noklikšķiniet, lai izvēlētos

PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · apstrādāts jūsu ierīcē

vai nospiediet Ctrl+V, lai ielīmētu no starpliktuves

Pārlūkot failus

Padoms: varat arī ielīmēt attēlu no starpliktuvēs (Ctrl+V).

Jūsu faili nekad neatstāj jūsu ierīci. Visa apstrāde notiek lokāli jūsu pārlūkprogrammā.

Konvertē attēlu uz Base64 datu URI, ko varat tieši ielīmēt CSS, HTML vai Markdown — nav nepieciešams atsevišķs fails. Kodēts jūsu pārlūkprogrammā; nekad netiek augšupielādēts.

Biežākie lietojumi

  • Iestrādājiet attēlu CSSIestrādājiet mazu ikonu vai fonu kā datu URI jūsu stilu lapā.
  • Iestrādājiet attēlu HTMLIestrādājiet logotipu vai ikonu tieši pašpietiekamā HTML.
  • Pārveidojiet SVG vai ikonu uz Base64Pārveidojiet mazo ikonu uz datu URI iestrādāšanai.
  • Iestrādājiet attēlu MarkdownIestrādājiet mazu attēlu Markdown failā ar datu URI.
  • Iegūstiet attēla datu URIIzveidojiet neapstrādātu datu: URI, kuru varat izmantot jebkur.

Kā tas darbojas

Datu URI iestrādā attēlu tieši jūsu kodā kā tekstu, lai tas ielādētos bez atsevišķa faila pieprasījuma — parocīgi mazām ikonām un pašparastu HTML. Tas to kodē jūsu pārlūkprogrammā.

  1. 1
    Jūs nometāt attēlu
    Tas tiek nolasīts lokāli ar FileReader API — nekad netiek augšupielādēts.
  2. 2
    Tas tiek Base64 kodēts
    Attēla baiti kļūst par datu: URI (data:image/...;base64,…) tieši jūsu pārlūkprogrammā.
  3. 3
    Jūs izvēlaties fragmentu
    Kopējiet raw datu URI vai gatavos fragmentus CSS (background-image), HTML (<img>) vai Markdown.
  4. 4
    Ielīmējiet to jūsu kodā
    Attēls tagad pārvietojas iekļauts jūsu CSS/HTML — nav jāmitrina papildu fails.

Attēls tiek kodēts pilnībā jūsu ierīcē. Ņemiet vērā, ka Base64 ir ~33% lielāks nekā oriģināls, tāpēc datu URI ir vislabāk maziem attēliem.

Saistītie rīki

Bieži uzdotie jautājumi