Mikä on Base64-kuva?

Base64-kuva on tapa esittää binääristä kuvatietoa pelkkänä tekstinä Base64-koodausmenetelmän avulla. Sen sijaan että viitattaisiin ulkoiseen tiedostoon, koko kuva upotetaan suoraan ASCII-merkkijonona. Tätä käytetään yleisesti HTML:ssä ja CSS:ssä data-URI:en kautta (data:image/png;base64,...), jolloin kuvat voidaan sisällyttää suoraan sivulle ilman erillisiä HTTP-pyyntöjä. Base64-koodaus kasvattaa tiedostokokoa noin 33 %, mutta poistaa tarpeen erilliselle tiedostohostingille tai ylimääräisille verkkopyynöille.

Työkalun kuvaus

Tämä työkalu luo satunnaisia kuvia mukautettavilla kuvioilla ja mitoilla, ja tulostaa tuloksen Base64-koodattuna merkkijonona. Valitse viidestä visuaalisesta kuviosta — kohina, suorakulmiot, ympyrät, liukuvärit tai viivat — säädä leveys ja korkeus enintään 2048×2048 pikseliin ja valitse tulostusmuoto (PNG, JPEG tai WebP). Kuva luodaan kokonaan selaimessa Canvas API:n avulla ilman palvelimelle lähetyksiä tai ulkoisia riippuvuuksia.

Esimerkkejä

Satunnainen kohina 256×256-koossa tuottaa värikkään staattisen kuvion, jossa jokaisella pikselillä on satunnaisesti määritetty RGB-arvo — samankaltainen kuin TV:n lumisade, mutta täysissä väreissä.

Satunnaiset ympyrät 512×512-koossa piirtää 10–40 puoliläpinäkyvää ympyrää, joilla on vaihtelevia kokoja ja värejä satunnaisen taustan päälle, luoden abstraktin kuplamaiseen koostumuksen.

Satunnainen liukuväri 800×400-koossa sekoittaa 2–6 satunnaista väriä satunnaisesti kulmitetun lineaarisen liukuvärin avulla, tuottaen pehmeitä värisiirtymiä, jotka sopivat taustoiksi.

Ominaisuudet

  • Viisi erillistä kuviotyyppiä: kohina, suorakulmiot, ympyrät, liukuväri ja viivat
  • Säädettävät mitat 1×1 pikselistä 2048×2048 pikseliin
  • Kolme tulostusmuotoa: PNG, JPEG ja WebP
  • Välitön Base64-tulos yhdellä napsautuksella kopioitavaksi ja ladattavaksi
  • Toimii kokonaan selaimessa — tieto ei poistu laitteeltasi

Vaihtoehtojen selitykset

  • Leveys / Korkeus: Aseta kuvan mitat pikseleinä (1–2048). Muutokset on viivästetty, joten kuva päivittyy sulavasti liukusäätimiä säätäessäsi.
  • Kuvio: Valitse luotavan satunnaisen visuaalisen kuvion tyyppi. Jokainen kuvio tuottaa ainutlaatuisen taiteellisen tyylin satunnaistettujen muotojen, värien ja läpinäkyvyyden avulla.
  • Kuvamuoto: Valitse PNG:n (häviötön, suurempi), JPEG:n (häviöllinen, pienempi) tai WebP:n (moderni, tehokas) välillä. Tämä vaikuttaa sekä ladattavaan kuvaan että Base64-tulostukseen.

Käyttötapaukset

  • Paikkamerkkikuvien tai koristeellisten kuvien upottaminen suoraan HTML:ään tai CSS:ään ilman erillisten tiedostojen hostingia
  • Testikuvien luominen kehitys- ja laadunvarmistustyönkulkuihin, jotka vaativat vaihtelevaa visuaalista sisältöä
  • Ainutlaatuisen proseduraalisen taiteen tai abstraktien taustojen luominen suunnittelumockuppeihin