Base64
Image Data URL
⚠️ Large image may freez the browser
Generer CSS Bakgrunn Base64
Konverter bilder til Base64 eller DataURL-formater for bruk som **CSS-bakgrunner** eller andre nettilapplikasjoner. Last opp bildet ditt, velg ønsket tab, og kopier den genererte koden. Egnet for å innlemme bilder direkte i koden til nettstedet ditt, selv om store bilder kan påvirke ytelsen.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Konvertere bilder til Base64 kode
1
Last opp bildet ditt
Last opp bildet ved å klikke eller dra det inn i lastområdet.
2
Velg Base64 eller DataURL
Velg enten 'Base64'- eller 'DataURL'-fanen for å velge ønsket format.
3
Se Base64 Kode
Basiskoden eller DataURL koden vil vises i tekstområdet under fanene.
4
Kopier Generert Kode
Klikk på 'Kopier'-knappen for å kopiere den genererte koden til utklippstavlen.
Sett inn bilder direkte i CSS
Inkluder bilder direkte i CSS ved hjelp av Base64 eller DataURL-koding for å redusere HTTP-forespørsler og optimalisere nettsideytelse. Denne metoden forbedrer lastetider ved å eliminere separate bildefiler samtidig som den opprettholder visuelle elementer som små ikoner eller dekorative grafikk. Det støtter effektiv integrering av lette aktiva uten å kompromittere nettsidernes hastighet.
Raske CSS Bakgrunner med Kodede Bilder
Koder bilder inn i Base64 eller DataURL formater for å sette CSS bakgrunner. Denne metoden forenkler arbeidsflyten ved å integrere visuelle elementer direkte i koden. Å minimere behovet for eksterne bildefiler kan redusere HTTP-forespørsler og forbedre nettsideytelsen. Ideelt for å inkludere små visuelle elementer samtidig som ytelsen forbedres.
Ofte Stilte Spørsmål
Hva er en Base64 og DataURL?
Base64 og DataURLs er måter å representere bilder som tekststrenger. Dette lar deg inkludere bilder direkte i nettsidekoden din, uten behov for separate bildefiler.
Hvordan kan jeg bruke den genererte Base64 eller DataURL?
Den genererte koden kan brukes som et CSS-bakgrunnsbilde, i HTML-attributter, eller i en hvilken som helst kontekst der en data URI aksepteres. For eksempel kan du bruke den i CSS slik: background-image: url('data:image/png;base64,...');
Hvorfor skal jeg bruke dette verktøyet i stedet for andre metoder?
Dette verktøyet gir en enkel og praktisk måte å konvertere bilder til Base64 eller DataURL med ett klikk og en kopibrytningsfunksjon. Det er raskt og lett å bruke.
Er det noen begrensninger ved bruk av dette verktøyet?
Store bilder anbefales ikke, da de kan redusere ytelsen til datamaskinen under konverteringsprosessen.
Hvilke bildeformater støttes?
Dette verktøyet støtter vanlige bildeformater som PNG, JPG og GIF.