Bokmerker    
Akvarell    
Blyantskisse    
Pastellkunst    
Fargeblyant    
Mangafilter    
Tresnitt    
Monet-stil    
Van Gogh-stil    
Cezanne-stil    
Pointillisme    
Pixel art    
Strektegning    
Soft focus    
Gaussian blur    
Embosseffekt    
Glitch    
Polaroid    
Fargeoverlegg    
Button    
Silhuett    
Sticker    
Tilt shift    
Avisstil    
Duotone    
Gråtoner    
Sort-hvitt    
Sepia    
Posterize    
Fjern hvitt    
Gjennomsiktig    
Fjern motlys    
Kontrast    
Levels    
HSL-justering    
Ramme    
Roter bilde    
Papirtekstur    
Gradient    
Skybakgrunn    
Tavlebakgrunn    
Støytekstur    
Tekstlogo    
Base64-koder    
Lim inn bilde    
   Legg til
Foto til anime
Foto til anime
Akvarell
Akvarell
Blyantskisse
Blyantskisse
Pastellkunst
Pastellkunst
Fargeblyant
Fargeblyant
Mangafilter
Mangafilter
Ukiyo-e-filter
Ukiyo-e-filter
Tresnitt
Tresnitt
Monet-stil
Monet-stil
Van Gogh-stil
Van Gogh-stil
Cezanne-stil
Cezanne-stil
Pointillisme
Pointillisme
Pixel art
Pixel art
AI-forstørring
AI-forstørring
Strektegning
Strektegning
Background Remover
Background Remover
Støyreduksjon
Støyreduksjon
Soft focus
Soft focus
Gjør bildet skarpere
Gjør bildet skarpere
Gaussian blur
Gaussian blur
Embosseffekt
Embosseffekt
Glitch
Glitch
Polaroid
Polaroid
Fargeoverlegg
Fargeoverlegg
Legg til glitter
Legg til glitter
Button
Button
Termisk effekt
Termisk effekt
Silhuett
Silhuett
Sticker
Sticker
Tilt shift
Tilt shift
Sommer til vinter
Sommer til vinter
Avisstil
Avisstil
Dobbelteksponering
Dobbelteksponering
Stempel-effekt
Stempel-effekt
Inverter farger
Inverter farger
Duotone
Duotone
Gråtoner
Gråtoner
Sort-hvitt
Sort-hvitt
Sepia
Sepia
Posterize
Posterize
Fjern hvitt
Fjern hvitt
Fyll gjennomsikt
Fyll gjennomsikt
Gjennomsiktig
Gjennomsiktig
Fjern motlys
Fjern motlys
Fiks eksponering
Fiks eksponering
Kontrast
Kontrast
Levels
Levels
HSL-justering
HSL-justering
Sett sammen bilder
Sett sammen bilder
Tekst på bilde
Tekst på bilde
Ramme
Ramme
Legg til ramme
Legg til ramme
Roter bilde
Roter bilde
Speilvend bilde
Speilvend bilde
Papirtekstur
Papirtekstur
Gradient
Gradient
Ensfarget bilde
Ensfarget bilde
Skybakgrunn
Skybakgrunn
Tavlebakgrunn
Tavlebakgrunn
Støytekstur
Støytekstur
Tekstlogo
Tekstlogo
Bildekonverter
Bildekonverter
Base64-koder
Base64-koder
Lim inn bilde
Lim inn bilde

Base64-koder for bilder

Før
Etter

FEIL:Filen kan ikke være større enn 10 MB. FEIL:Ingen fil valgt.
Velg en fil
eller
dra og slipp den her

Konverterer...
Konverterer...
Konverter gratis

Eksempel før

Base64-koder Eksempel før

Eksempel etter

Base64-koder Eksempel etter

Om denne funksjonen

På denne siden kan du Base64-kode et bilde og få ut resultatet som tekst.

Hele Base64-strengen kan kopieres med ett klikk på kopier-knappen, eller du kan laste den ned som tekstfil.

Du kan velge om resultatet skal komme ut som en HTML--tag eller som en CSS-background-image-egenskap.

Støttede filformater for kildebildet er JPEG, PNG og GIF.

Slik gjør du det
  1. 1
    Velg et bilde
    Trykk på knappen "VELG FIL", eller dra og slipp bildet på skjermen.
  2. 2
    Konverter
    Trykk på knappen "KONVERTER GRATIS".
  3. 3
    Last ned
    Trykk på knappen "Last ned".
  Fordeler med DataChef
Enkelt og gratis
Gratis og ubegrenset konvertering
Ingen forkunnskaper kreves – enkel og intuitiv bruk
Ingen registrering
Klar til bruk med en gang
Ingen personopplysninger kreves
Trygt og sikkert
Kryptert forbindelse (SSL)
Filen slettes automatisk når du trykker på "Last ned"
Raskt
Rask lasting og rask konvertering
Uten vannmerke
Ingen vannmerker
Ingen kreditering nødvendig
Kommersiell bruk tillatt
Gratis også til kommersiell bruk
Ingen forhåndstillatelse nødvendig


■Hva er Base64-koding ⇒ den gjør binærdata om til tekst

Vanligvis lagres bilder i binært format, men Base64-koding gjør binærdata om til en tekststreng, slik at bildedataene kan håndteres som tekst. For brukeren ser bildet helt likt ut som et vanlig bilde.




■Fordeler ved å bruke Base64-koding for bilder på nettsider

1. Færre forespørsler:
Med Base64-koding kan du legge bildet rett inn i HTML eller CSS. Bildet etterspørres som en del av selve dokumentet, så antallet innlastinger av eksterne filer går ned. Dette kan i noen tilfeller korte ned innlastingstiden for siden.

2. Stabil layout:
Base64-koding av bilder kan hindre at designet hopper mens siden laster. På sider med mange ikoner eller små designelementer kan layouten forskyve seg et øyeblikk når bildene ikke er på plass rett etter at siden åpnes. Med Base64-koding blir bildet en del av dokumentfilen, så det lastes ikke inn som en egen fil på et forsinket tidspunkt.

3. Beskyttelse av bildet:
Bildet blir vanskeligere å laste ned enn en vanlig bildefil. Det kan ikke lagres med vanlige metoder som høyreklikk og lagre eller trykk og hold, så det blir ikke like lett å kopiere ulovlig.




■Ting du bør være klar over når du bruker Base64-koding for bilder på nett

1. Større datamengde:
Base64-koding gir vanligvis større datamengde enn de opprinnelige binærdataene. Base64-koder du store bilder, kan sidestørrelsen øke og innlastingstiden bli lengre.

2. Svakere effekt av hurtigbuffer:
Base64-kodede bilder bufres ikke som egne eksterne filer. Bruker du det samme bildet på flere sider, må det lastes ned på nytt hver gang. Er hurtigbuffer viktig for deg, bør du tenke deg om.

3. Nettleserstøtte:
Enkelte gamle nettlesere kan ha problemer med å vise Base64-kodede bilder. Bruk en moderne nettleser, eller sjekk støtten på forhånd.




■Oppsummering

Alt i alt er Base64-koding nyttig når bildene er små – som små ikoner og designelementer – eller når du vil redusere antallet forespørsler etter eksterne filer. Bruker du store bilder eller er avhengig av hurtigbuffer, bør du også vurdere vanlige eksterne filer. Bruk Base64-koding der det passer, og la den heve kvaliteten på nettsiden din.