AnvendelsesscenarierBrugseksempler

Sådan bruges Base64-billeder

Her finder du de mest almindelige anvendelser med kopierbare eksempler. Udskift blot indholdet med dine egne konverterede resultater

Du får to formater: Data URL (med MIME-præfiks) og rå Base64 (uden præfiks)

Data URL (anbefalet)

data:image/png;base64,QUJDZA==

Rå Base64

QUJDZA==

Vis direkte på websider (HTML)

Velegnet til hurtig forhåndsvisning, statiske sider eller scenarier uden ekstra hosting

<img
  src="data:image/png;base64,QUJDZA=="
  alt="Base64 Image"
  width="240"
/>

Brug som baggrundsbillede (CSS)

Ideelt til ikoner, pladsholdere og små dekorationer for at reducere HTTP-anmodninger

.banner {
  background-image: url("data:image/png;base64,QUJDZA==");
  background-size: cover;
  background-position: center;
}

API / JSON-overførsel

Velegnet til test, prototyper og midlertidig dataoverførsel. Store billeder anbefales ikke inline i produktion

{
  "filename": "image.png",
  "mime": "image/png",
  "dataUrl": "data:image/png;base64,QUJDZA=="
}

Hvis backend kun kræver rå Base64, kan du sende QUJDZA== separat sammen med MIME-type.

Mobil / tværplatform-brug (eksempler)

Alle miljøer, der understøtter Base64, kan bruge det. Her er almindelige implementeringer

import 'dart:convert';
import 'package:flutter/widgets.dart';

final bytes = base64Decode("QUJDZA==");
final image = Image.memory(bytes);

Hvornår bør Base64 undgås?

Base64 er bedst til dataoverførsel og hurtig levering, ikke som erstatning for komplette statiske ressourcer