Araç kategorileri
Kategoriler Tüm araçları görüntüleyin

Görselden Base64'e Dönüştürücü

Bir görseli, yapıştırmaya hazır HTML ve CSS parçacıklarıyla birlikte Base64 Data URI'ya dönüştürün — yükleme yok.

Nasıl kullanılır

  1. Bir görsel seçin (PNG, JPG, WebP, GIF veya SVG) — yerel olarak okunur, asla yüklenmez.
  2. Araç, Data URI'nın yanı sıra yapıştırmaya hazır HTML ve CSS background-image parçacıkları üretir.
  3. İhtiyacınız olan sürümü tek tıkla kopyalayın veya Data URI'yı metin dosyası olarak indirin.

Bu araç hakkında

Data URI, bir dosyayı doğrudan metnin içine gömer: data:image/png;base64, ve ardından dosyanın Base64 ile kodlanmış baytları. Bunu bir etiketine, bir CSS arka planına veya bir JSON payload'ına yapıştırın; görsel, ayrı bir dosya ve ek bir HTTP isteği olmadan görüntülenir — görsel, belgenin kendi içinde taşınır.

Bu, küçük görseller için gerçekten yararlıdır: tek dosyalık HTML sayfalarındaki ikonlar, işlem e-postalarındaki logolar, CSS içine gömülen minik yer tutucular, otomatik testlerdeki test verileri. Büyük görseller içinse yanlış araçtır — Base64 çıktısı orijinal dosyadan yaklaşık %33 daha büyüktür ve belgeden ayrı önbelleğe alınamaz. Pratik bir kural olarak, birkaç kilobaytın altındaki görselleri gömün; geri kalan her şeyi normal dosya olarak sunun.

Buradaki dönüşüm, FileReader API'siyle tamamen cihazınızda gerçekleşir: görsel belleğe okunur, kodlanır ve gösterilir — yükleme yok, sunucu yok, saklama yok. Sonucun yanındaki boyut tahmini, gömmeye karar vermeden önce %33'lük ek yükün dosyanız için tam olarak ne anlama geldiğini gösterir.

Formül

Data URI formatı: data:{mime-type};base64,{base64-bytes}. Kodlanmış boyut ≈ orijinal boyut × 4/3 (satır sonları korunursa ~%2 daha).

Sık sorulan sorular

Görselim Vai.la'ya yükleniyor mu?

Hayır. Dosya, tarayıcınızda FileReader API'siyle okunur ve cihazınızdan asla çıkmaz.

Görsel dosyası yerine Data URI'yı ne zaman kullanmalıyım?

Bir HTTP isteğinden tasarruf etmenin veya kendi kendine yeten tek bir dosya göndermenin önemli olduğu küçük görseller (birkaç KB'a kadar) için: e-posta imzaları, tek dosyalık sayfalar, test verileri.

Base64 sürümü dosyamdan neden daha büyük?

Base64 her 3 baytı 4 metin karakteriyle temsil eder ve yaklaşık %33 ekler. Düz metin olarak yolculuk etmenin bedeli budur.

Hangi formatlar destekleniyor?

PNG, JPG, WebP, GIF ve SVG. Data URI, orijinal formatı ve MIME türünü korur — hiçbir şey yeniden kodlanmaz.

imagem base64 data uri conversor html css desenvolvimento embed png jpg privacidade web

İlgili araçlar

Görsel Boyutlandırıcı Görselleri tarayıcınızda tam istediğiniz boyutlara getirin — dosya cihazınızdan asla çıkmaz. Base64 Kodlayıcı ve Çözücü Metni Base64'e kodlayın ve geri çözün — UTF-8 uyumlu, tamamen tarayıcınızda. JSON Biçimlendirici ve Doğrulayıcı JSON'u hassas hata mesajlarıyla biçimlendirin, küçültün ve doğrulayın — doğrudan tarayıcınızda. HTML Varlık Kodlayıcı ve Çözücü Özel karakterleri HTML varlıklarına kodlayın ve geri çözün — tarayıcınızda. Görsel Biçim Dönüştürücü PNG, JPEG ve WebP arasında görsel dönüştürün — tarayıcınızda, yükleme yok, kayıt yok. Görsel Döndürme ve Aynalama Bir görseli 90° veya 180° döndürün, yatay ya da dikey olarak aynalayın — doğrudan tarayıcınızda.

Uzun bağlantılar mı? Ücretsiz kısaltın

Vai.la, herhangi bir URL'yi tıklama istatistikleri, QR Code ve kendi biolink'inizle birlikte kısa bir bağlantıya dönüştürür.

Bağlantı kısalt Ücretsiz hesap oluşturun

Vai.la, araçların nasıl kullanıldığından veya sonuçlarına dayanarak alınan kararlardan sorumlu değildir.