Vad är en Base64-bild?

En Base64-bild är ett sätt att representera binär bilddata som vanlig text med hjälp av Base64-kodningsschemat. Istället för att referera till en extern fil bäddas hela bilden in direkt som en string av ASCII-tecken. Detta används ofta i HTML och CSS via data-URI:er (data:image/png;base64,...), vilket gör det möjligt att inkludera bilder inline utan separata HTTP-förfrågningar. Base64-kodning ökar datastorleken med ungefär 33 %, men eliminerar behovet av ytterligare fillagring eller nätverksanrop.

Verktygsbeskrivning

Det här verktyget genererar slumpmässiga bilder med anpassningsbara mönster och dimensioner och returnerar sedan resultatet som en Base64-kodad string. Välj bland fem visuella mönster — brus, rektanglar, cirklar, gradienter eller linjer — justera bredd och höjd upp till 2048×2048 pixlar och välj ett utdataformat (PNG, JPEG eller WebP). Bilden genereras helt i webbläsaren med Canvas API, utan serveruppladdningar eller externa beroenden.

Exempel

Slumpmässigt brus vid 256×256 skapar ett färgglatt statiskt mönster där varje pixel har ett slumpmässigt tilldelat RGB-värde — liknande TV-brus men i full färg.

Slumpmässiga cirklar vid 512×512 ritar 10–40 halvtransparenta cirklar i varierande storlekar och färger över en slumpmässig bakgrund, vilket skapar en abstrakt bubbelliknande komposition.

Slumpmässig gradient vid 800×400 blandar 2–6 slumpmässiga färger längs en linjär gradient med slumpmässig vinkel och skapar mjuka färgövergångar som lämpar sig för bakgrunder.

Funktioner

  • Fem distinkta mönstertyper: brus, rektanglar, cirklar, gradient och linjer
  • Konfigurerbara dimensioner från 1×1 upp till 2048×2048 pixlar
  • Tre utdataformat: PNG, JPEG och WebP
  • Omedelbar Base64-utdata med kopiering och nedladdning med ett klick
  • Körs helt i webbläsaren — ingen data lämnar din enhet

Alternativ förklarade

  • Bredd / Höjd: Ange bildens dimensioner i pixlar (1–2048). Ändringar är fördröjda så att bilden regenereras smidigt när du justerar reglagen.
  • Mönster: Välj vilken typ av slumpmässigt visuellt mönster som ska genereras. Varje mönster skapar en unik konstnärlig stil med hjälp av slumpmässiga former, färger och transparens.
  • Bildformat: Välj mellan PNG (förlustfri, större), JPEG (komprimerad, mindre) eller WebP (modernt, effektivt). Detta påverkar både den nedladdningsbara bilden och Base64-utdatan.

Användningsområden

  • Bädda in platshållar- eller dekorativa bilder direkt i HTML eller CSS utan att lagra separata filer
  • Generera testbilder för utvecklings- och QA-arbetsflöden som kräver varierat visuellt innehåll
  • Skapa unik procedurkonst eller abstrakta bakgrunder för designprototyper