Base64 görsel nedir?

Base64 görsel, ikili görsel verisini Base64 kodlama şeması kullanarak düz metin olarak temsil etmenin bir yoludur. Harici bir dosyaya referans vermek yerine, görsel tamamıyla ASCII karakterlerinden oluşan bir string olarak doğrudan gömülür. Bu yöntem, HTML ve CSS'de data URI'ları (data:image/png;base64,...) aracılığıyla yaygın biçimde kullanılır; böylece görseller ayrı HTTP istekleri gerektirmeden satır içi olarak eklenebilir. Base64 kodlama, veri boyutunu yaklaşık %33 artırır; ancak ek dosya barındırma veya ağ gidiş-dönüşü ihtiyacını ortadan kaldırır.

Araç açıklaması

Bu araç, özelleştirilebilir desenler ve boyutlarla rastgele görseller oluşturur ve sonucu Base64 kodlu bir string olarak çıktılar. Beş görsel desen arasından seçim yapın — gürültü, dikdörtgenler, daireler, degradeler veya çizgiler — genişlik ve yüksekliği 2048×2048 piksele kadar ayarlayın ve bir çıktı formatı seçin (PNG, JPEG veya WebP). Görsel, Canvas API kullanılarak tamamen tarayıcıda oluşturulur; sunucuya yükleme veya harici bağımlılık yoktur.

Örnekler

256×256 boyutunda Rastgele Gürültü, her pikselin rastgele atanmış RGB değerine sahip olduğu renkli bir statik desen üretir — tam renkli TV karı görüntüsüne benzer.

512×512 boyutunda Rastgele Daireler, rastgele bir arka plan üzerine farklı boyut ve renklerde 10–40 adet yarı saydam daire çizerek soyut bir baloncuk kompozisyonu oluşturur.

800×400 boyutunda Rastgele Degrade, rastgele açılı doğrusal bir degrade boyunca 2–6 rastgele rengi harmanlayarak arka planlar için uygun yumuşak renk geçişleri üretir.

Özellikler

  • Beş farklı desen türü: gürültü, dikdörtgenler, daireler, degrade ve çizgiler
  • 1×1'den 2048×2048 piksele kadar yapılandırılabilir boyutlar
  • Üç çıktı formatı: PNG, JPEG ve WebP
  • Tek tıklamayla kopyalama ve indirme özelliğiyle anında Base64 çıktısı
  • Tamamen tarayıcıda çalışır — hiçbir veri cihazınızdan çıkmaz

Seçeneklerin açıklaması

  • Genişlik / Yükseklik: Görsel boyutlarını piksel cinsinden ayarlayın (1–2048). Değişiklikler debounce edilir, böylece kaydırıcıları ayarlarken görsel sorunsuz biçimde yeniden oluşturulur.
  • Desen: Oluşturulacak rastgele görsel desen türünü seçin. Her desen, rastgele şekiller, renkler ve saydamlık kullanarak benzersiz bir artistik stil üretir.
  • Görsel Formatı: PNG (kayıpsız, daha büyük), JPEG (kayıplı, daha küçük) veya WebP (modern, verimli) arasında seçim yapın. Bu seçim hem indirilebilir görseli hem de Base64 çıktısını etkiler.

Kullanım senaryoları

  • Yer tutucu veya dekoratif görselleri ayrı dosyalar barındırmadan doğrudan HTML veya CSS'e gömmek
  • Çeşitli görsel içerik gerektiren geliştirme ve QA iş akışları için test görselleri oluşturmak
  • Tasarım taslakları için benzersiz prosedürel sanat eserleri veya soyut arka planlar oluşturmak