Base64
Image Data URL
⚠️ Large image may freez the browser
PNG'yi Base64 Veri URI'sine dönüştür
PNG görüntüleri Base64 veya DataURL formatlarına dönüştürmek için çevrimiçi aracımızı kullanın. Görüntünüzü yükleyin, istediğiniz formatı seçin ve kodu oluşturun. Sonucu projelerde yerleştirmek için kopyalayın. Base64 ve DataURL çıktıları, yerel görüntü verisi gerektiren web geliştirme iş akışlarını destekler.
Image → Base64 / Data URL
Click or Drag & Drop an Image
Resimleri Base64 veya Veri URL'lerine dönüştür
1
Görüntüyü Yükle
PNG görüntünüzü, belirlenen alana tıklayarak veya sürükleyerek yükleyin.
2
Çıktı Biçimini Seçin
Ya da 'Base64' veya 'DataURL' sekmesini istediğiniz çıktı formatını seçmek için kullanın.
3
Görsel Veri Temeli Kodunu Görüntüle
Resiminizin Base64 veya DataURL kodu, altındaki sekellerin altında bulunan metin alanında görünecektir.
4
Üretilen Kodu Kopyala
'Kopyala' düğmesine tıklayarak oluşturulan kodu hızla panoya kopyalayabilirsiniz.
Web sitenize PNG resimlerini doğrudan yerleştirin
PNG görüntüleri Base64 veri URI'lerine dönüştürerek bunları doğrudan HTML'ye dahil edin. Bu yaklaşım, harici dosyalara olan ihtiyacı ortadan kaldırır, HTTP isteklerini azaltır ve web sitesi performansını iyileştirir. Geliştiriciler, üretilen kod parçacıklarını HTML'lerine yapıştırarak entegrasyonu kolaylaştırabilir ve yükleme verimliliğini artırabilirler. Dış bağımlılıkları en aza indirmek kritik olduğu senaryolar için uygundur, örneğin statik site uygulamaları veya iç kaynak yönetimi.
Hızlı Kopyala Dönüştürme Kodu
Projelerinizde ek dosyalar olmadan PNG görüntüleri oluşturmak için Base64 veya DataURL kodu kullanın. Bu araç, PNG dosyalarını kodlanmış dizelere dönüştürerek projelerinize görüntüleri doğrudan yerleştirmenizi sağlar. Görüntüyü yükleyin, istediğiniz formatı seçin ve oluşturulan kodu çalışmanıza sorunsuz bir şekilde entegre etmek için kopyalayın.
Sıkça Sorulan Sorular
Temel64 veya VeriDizi nedir?
Base64 ve DataURL, görüntüleri metin dizeleri olarak temsil etmenin yollarındandır. Bu, ayrı dosya görüntüleri gerekmeden HTML veya CSS içinde görüntüleri doğrudan yerleştirmenizi sağlar.
Bu PNG'yi Base64/DataURL aracı nasıl kullanılır?
Sadece PNG görüntünüzü yükleyin. Ardından, karşılık gelen kodu oluşturmak için 'Base64' veya 'DataURL' sekmesine tıklayın. Üretilen kodu hızlı bir şekilde kopyalamak için 'Kopyala' düğmesini kullanın.
Üretilen kodu ne için kullanabilirim?
Bazı64 veya DataURL kodunu kullanarak görüntüleri doğrudan HTML, CSS veya JavaScript projelerinize gömebilirsiniz. Bu, küçük resimler, simgeler veya harici HTTP isteklerinden kaçınmak istediğinizde kullanışlıdır.
Bu araç kullanırken herhangi bir sınırlama var mı?
Büyük resimler, dönüştürme sırasında bilgisayarınızı yavaşlatabilir. Bu aracı daha küçük ila orta boyutlu PNG resimleri için kullanmak en iyisidir.
Desteklenen görüntü formatları nelerdir?
Bu araç özellikle PNG görüntüleri için tasarlanmıştır. Diğer formatlar şu anda desteklenmemektedir.