Görselden Base64'e Dönüştürücü - Yerel Olarak Data URI Üretin

Ücretsiz çevrimiçi Görselden Base64'e dönüştürücü. PNG, JPG, SVG, WebP veya GIF görsellerinizi sunucuya yüklemeden, CSS arka planları ve HTML img etiketleri için yerel olarak Data URI'ye dönüştürün.

Sinema modu için tıklayın

Dönüştürme Sonuçları

Data URI, CSS ve HTML kodlarını görmek için bir görsel yükleyin.

Nasıl Kullanılır

  1. PNG, JPG, SVG, WebP veya GIF formatındaki bir görseli yükleme alanına sürükleyin veya dosya seçmek için tıklayın.
  2. Görsel önizlemesini, MIME türünü, orijinal boyutunu ve Data URI çıktı boyutunu doğrulayın.
  3. Tam Data URI'yi, ham Base64 dizesini, CSS background-image kodunu veya HTML <img> kod parçacığını kopyalayın.
  4. Kodu doğrudan CSS, HTML, e-posta şablonları veya JSON yapılandırmalarınıza yapıştırın.

Örnek: Yerel bir SVG ikonunu Data URI olarak oluşturmak ve CSS/HTML kodunu kopyalamak için “SVG Örneği Yükle” butonuna tıklayın.

Temel Özellikler

  • Anında Data URI Oluşturma: Bir görseli sürükleyip bırakın ve doğrudan tarayıcınızda data:image/...;base64,... URI'si oluşturun.
  • Kullanıma Hazır CSS ve HTML: Data URI önekini elle yazmadan CSS background-image veya HTML <img> kod parçacıklarını anında kopyalayın.
  • Modern Web Formatlarını Destekler: PNG, JPG, SVG, WebP, GIF, AVIF ve tarayıcınızın okuyabildiği diğer görsel formatlarıyla kusursuz çalışır.
  • Toplu Görsel Kuyruğu: Birden fazla ikonu, e-posta varlığını veya arayüz görselini yükleyin ve her dosya için tam olarak ihtiyacınız olan kodu kopyalayın.
  • %100 Gizli İşleme: Görseller tarayıcının yerel FileReader API'si ile okunur. Hiçbir dosya sunuculara yüklenmez.

İlgili Araçlar

Base64 Görsel Kodlayıcı ve Kod Çözücü - Data URL ve CSS Oluşturucu

Base64 görsel kodlayıcı/kod çözücü: Dosyaları Data URL'ye dönüştürün, dizeleri indirilebilir dosyalara dönüştürün ve CSS arka plan kodunu kopyalayın—WebP uyumlu, yerel ve gizli.
Base64 - Görsel Dönüştürücü - Yerel Önizleme ve İndirme

Base64 veya Data URI görsellerini tarayıcınızda çözün, anında önizleyin ve orijinal dosya, PNG, JPG veya WebP olarak indirin.
Güvenli JSON Biçimlendirici ve Tür Oluşturucu - Yerel Tür Üretimi

Güvenli JSON biçimlendirici: JSON'u yerel olarak biçimlendirin, doğrulayın ve onarın. Güzelleştirin/küçültün, hataları vurgulayın, TypeScript veya Zod oluşturun, XML'e dönüştürün—tamamen gizli.
Ücretsiz JSONPath Test Edici ve Değerlendirici | Yerel Gerçek Zamanlı Sorgular

API JSON için ücretsiz JSONPath test edici ve değerlendirici. Eşleşen düğümleri gerçek zamanlı olarak ayıklayın, yolları inceleyin ve ayrıştırma tarayıcınızda yerel olarak kalırken JSON sonuçlarını kopyalayın.
JSON - CSV Dönüştürücü - Yerel Tablo Dışa Aktarma

JSON nesnelerini veya dizilerini tarayıcınızda yerel olarak CSV'ye dönüştürün. Alanları düzleştirin, sonucu önizleyin, ardından verileri sunucuya yüklemeden CSV'yi kopyalayın veya indirin.
CSV - JSON Dönüştürücü - Yerel Gerçek Zamanlı Ayrıştırıcı

CSV metinlerini veya dosyalarını tarayıcınızda yerel olarak JSON dizilerine dönüştürün. Başlıkları, virgül/noktalı virgül/sekme ayırıcılarını ve dosya yüklemeyi destekler.
JSON Fark Karşılaştırıcı - Anlamsal JSON Karşılaştırma

JSON belgelerini yerel ve anlamsal olarak karşılaştırın. Anahtar sırasını yok sayın, eklenen/silinen/değiştirilen yolları vurgulayın ve yükleme yapmadan raporu dışa aktarın.
JSON Küçültücü ve Sıkıştırıcı - Verileri Çevrimiçi Optimize Edin

Ücretsiz çevrimiçi JSON küçültücü. Boşlukları ve satır sonlarını kaldırarak JSON yüklerini tek satırda sıkıştırın. %100 gizli, istemci taraflı işleme.

Hesaplama Mantığı

Base64 kodlaması, ikili görsel verilerini bir ASCII dizesine dönüştürür; bu da görsellerin doğrudan HTML, CSS veya JSON içine gömülmesini sağlar. Bir Data URI data:[mime-type];base64,[encoded-data] biçimini takip eder ve tarayıcılar bunu doğrudan bir görsel kaynağı olarak okur.

Önemli denge: Base64 bir görsel sıkıştırma yöntemi değildir. Kodlanmış çıktı genellikle orijinal dosyadan yaklaşık %33 daha büyüktür; bu nedenle küçük ikonlar, logolar, e-posta içi görseller veya az sayıda HTTP isteğini azaltmak için idealdir. Büyük fotoğraflar ve çok sayıda görsel varlık normal dosya olarak tutulmalı ve ayrı olarak sıkıştırılmalıdır.

Sıkça Sorulan Sorular

Bir görseli neden Base64'e dönüştürmeliyim?

Küçük ikonları, e-posta görsellerini veya yapılandırma varlıklarını doğrudan koda gömmek, harici HTTP isteklerini azaltmak veya uzaktan yüklenmesi engellenen e-posta görsellerinden kaçınmak istediğinizde çok yararlıdır.

Base64 görsel boyutunu küçültür mü?

Hayır. Base64 kodlaması genellikle dosya boyutunu yaklaşık %33 artırır. Depolama tasarrufu sağlamaz, varlıkları koda gömmeye ve istek sayısını azaltmaya yardımcı olur.

Hangi görsel formatları desteklenir?

PNG, JPG, JPEG, SVG, WebP, GIF, AVIF ve tarayıcınızın işleyebildiği tüm görsel formatları desteklenir.

Görsellerim sunucuya yükleniyor mu?

Hayır. Dönüştürme işlemi tarayıcının yerel FileReader.readAsDataURL API'sini kullanır, bu nedenle dosyalarınız tamamen cihazınızda kalır.

CSS veya HTML kodunu doğrudan kopyalayabilir miyim?

Evet. Her görsel için tam Data URI, ham Base64 dizesi, CSS background-image ve HTML <img> kod parçacığı hazır olarak sunulur.