Base64
Image Data URL
⚠️ Large image may freez the browser
Generer CSS Baggrund Base64
Konverter billeder til Base64 eller DataURL formater til brug som CSS baggrunde eller andre webapplikationer. Upload dit billede, vælg den ønskede tab og kopier den genererede kode. Velegnet til at indlejre billeder direkte i din hjemmesides kode, selvom store billeder kan påvirke ydeevnen.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Konverter billeder til Base64 kode
1
Upload dit billede
Upload dit billede ved at klikke eller trække det ind i indlæsningsområdet.
2
Vælg Base64 eller DataURL
Vælg enten 'Base64' eller 'DataURL' fanen for at vælge det ønskede format.
3
Se Base64 Kode
Den Base64 eller DataURL kode vil fremgå i tekstfeltet under fanerne.
4
Kopiér genereret kode
Klik på 'Kopiér'-knappen for at kopiere den genererede kode til din udklipsh historie.
Indsæt billeder direkte i din CSS
Indsæt billeder direkte i CSS ved hjælp af Base64 eller DataURL-kodning for at reducere HTTP-anmodninger og optimere webstedets ydeevne. Denne metode forbedrer indlæsningstiderne ved at eliminere separate billedfiler, samtidig med at visuelle elementer som små ikoner eller dekorative grafikker bevares. Det understøtter effektiv integration af lette aktiver uden at gå på kompromis med hjemmesidens hastighed.
Hurtige CSS Baggrunde med Kodede Billeder
Koder billeder til Base64 eller DataURL formater for at sætte CSS baggrunde. Denne tilgang strømliner arbejdsgange ved at integrere visuelle elementer direkte i koden. Minimering af behovet for eksterne billedfiler kan reducere HTTP anmodninger og forbedre websteds ydeevne. Ideel til at inkludere små visuelle elementer og forbedre ydeevnen.
Ofte Stillede Spørgsmål
Hvad er en Base64 og DataURL?
Base64 og DataURLs er måder at repræsentere billeder som tekststrenge. Dette giver dig mulighed for at indlejre billeder direkte i din hjemmesides kode, uden behov for separate billedfiler.
Hvordan kan jeg bruge den genererede Base64 eller DataURL?
Den genererede kode kan bruges som et CSS baggrundsbillede, i HTML-attributter eller i enhver kontekst, hvor en data URI accepteres. For eksempel kan du bruge den i CSS således: background-image: url('data:image/png;base64,...');
Hvorfor skal jeg bruge dette værktøj i stedet for andre metoder?
Dette værktøj giver en simpel og praktisk måde at konvertere billeder til Base64 eller DataURL med et enkelt klik og en kopibtn. Det er hurtigt og nemt at bruge.
Er der nogen begrænsninger ved at bruge dette værktøj?
Store billeder anbefales ikke, da de kan forsinke din computers ydeevne under konverteringsprocessen.
Hvilke billedformater understøttes?
Dette værktøj understøtter almindelige billedformater som PNG, JPG og GIF.