Hva er et Base64-bilde?

Et Base64-bilde er en måte å representere binære bildedata som ren tekst ved hjelp av Base64-kodingsskjemaet. I stedet for å referere til en ekstern fil, er hele bildet innebygd direkte som en string av ASCII-tegn. Dette brukes ofte i HTML og CSS via data-URI-er (data:image/png;base64,...), slik at bilder kan inkluderes inline uten separate HTTP-forespørsler. Base64-koding øker datastørrelsen med omtrent 33 %, men eliminerer behovet for ekstra fillagring eller ekstra nettverksrundturer.

Verktøybeskrivelse

Dette verktøyet genererer tilfeldige bilder med tilpassbare mønstre og dimensjoner, og leverer resultatet som en Base64-kodet string. Velg blant fem visuelle mønstre — støy, rektangler, sirkler, gradienter eller linjer — juster bredde og høyde opp til 2048×2048 piksler, og velg et utdataformat (PNG, JPEG eller WebP). Bildet genereres helt i nettleseren ved hjelp av Canvas API, uten serveropplastinger eller eksterne avhengigheter.

Eksempler

Tilfeldig støy ved 256×256 produserer et fargerikt statisk mønster der hver piksel har en tilfeldig tildelt RGB-verdi — likt TV-støy, men i full farge.

Tilfeldige sirkler ved 512×512 tegner 10–40 halvgjennomsiktige sirkler i varierende størrelser og farger over en tilfeldig bakgrunn, og skaper en abstrakt boblelig komposisjon.

Tilfeldig gradient ved 800×400 blander 2–6 tilfeldige farger langs en lineær gradient med tilfeldig vinkel, og produserer jevne fargeoverganger som egner seg til bakgrunner.

Funksjoner

  • Fem distinkte mønstertyper: støy, rektangler, sirkler, gradient og linjer
  • Konfigurerbare dimensjoner fra 1×1 opp til 2048×2048 piksler
  • Tre utdataformater: PNG, JPEG og WebP
  • Øyeblikkelig Base64-utdata med kopiering og nedlasting med ett klikk
  • Kjører helt i nettleseren — ingen data forlater enheten din

Forklaring av alternativer

  • Bredde / Høyde: Angi bildedimensjonene i piksler (1–2048). Endringer er debounced slik at bildet regenereres jevnt mens du justerer glidebrytterne.
  • Mønster: Velg typen tilfeldig visuelt mønster som skal genereres. Hvert mønster produserer en unik kunstnerisk stil ved hjelp av tilfeldige former, farger og gjennomsiktighet.
  • Bildeformat: Velg mellom PNG (tapsfritt, større), JPEG (med tap, mindre) eller WebP (moderne, effektivt). Dette påvirker både det nedlastbare bildet og Base64-utdataene.

Bruksområder

  • Innbygging av plassholder- eller dekorative bilder direkte i HTML eller CSS uten å lagre separate filer
  • Generering av testbilder for utvikling og QA-arbeidsflyter som krever variert visuelt innhold
  • Oppretting av unik prosedyrekunst eller abstrakte bakgrunner til designmockups