Herhangi bir görüntüyü Base64 veri URI'si olarak kodlayın
Araca bir görüntü bırakın ve Base64 kodlu dizeyi anında alın. Çıktıyı, görüntüyü ayrı olarak barındırmadan HTML, CSS veya JSON'da veri URI'si olarak kullanın. Araç, kodlanmış uzunluğu, MIME türünü ve canlı önizlemeyi görüntüler; böylece kopyalamadan önce sonucu doğrulayabilirsiniz.
Bu aracı ücretsiz kullanınBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
Nasıl kullanılır
Bir resim yükle
Araca bir JPEG, PNG, WebP, GIF veya SVG dosyasını sürükleyin. Görüntü yerel olarak okunur ve cihazınızdan asla ayrılmaz.
Çıktıyı gözden geçirin
Araç, Base64 dizesini, veri URI'sini ve kodu çözülmüş görüntünün canlı ön izlemesini görüntüler; böylece eşleştiğini onaylayabilirsiniz.
Kopyala veya indir
Veri URI dizesini kopyalamak veya düz metin dosyası olarak indirmek için tıklayın. Yapıştırmaya hazır kod için HTML veya CSS parçacığı düğmelerini kullanın.
Özellikler
Çoklu format desteği
JPEG, PNG, WebP, GIF ve SVG dosyalarını kodlayın. Doğru MIME türü otomatik olarak algılanır ve veri URI önekine eklenir.
Tek tıklamayla kopyalama
Ham Base64 dizesini veya tam veri URI'sini tek bir tıklamayla kopyalayın. Onay tostu, metnin panonuzda olduğunu bilmenizi sağlar.
Çıkış istatistikleri
Orijinal dosya boyutunu, kodlanmış dize uzunluğunu ve kodlama ek yük yüzdesini görün. Bu, görüntünün satır içi olmasının ödün vermeye değer olup olmadığına karar vermenize yardımcı olur.
CSS ve HTML parçacıkları
HTML img etiketi ve CSS arka plan resmi kuralı için yapıştırmaya hazır kod parçacıkları edinin. Parçayı kopyalayın ve doğrudan kod tabanınıza bırakın.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceÖzellikler
| Giriş formatları | JPEG, PNG, WebP, GIF, SVG |
| Çıkış | Base64 dizesi/veri URI'si |
| Maksimum dosya boyutu | 10MB |
| MIME algılama | Otomatik |
| Parçacık biçimleri | HTML img, CSS arka planı |
| İşleme | İstemci tarafı (yükleme yok) |
Related Magic Eraser Tools
Sık sorulan sorular
Normal bir görüntü dosyası yerine Base64'ü ne zaman kullanmalıyım?
+
Base64 satır içi oluşturma, simgeler, 1x1 izleme pikselleri veya küçük kullanıcı arayüzü öğeleri gibi çok küçük görüntüler için en kullanışlıdır; burada fazladan bir HTTP isteği kaydetmenin, Base64 kodlamasının eklediği kabaca %33'lük boyut artışından daha önemli olduğu durumlarda.
Base64 kodlaması görüntü kalitesini düşürür mü?
+
Hayır. Base64, ikili dosya verilerinin kayıpsız bir kodlamasıdır. Kodu çözülen görüntü, bayt başına orijinalle aynıdır. Tek değiş tokuş daha büyük bir metin yüküdür.
Kodlayabileceğim maksimum dosya boyutu var mı?
+
Araç, 10 MB'a kadar dosyaları kabul eder. Daha büyük resimler, satır içi kullanımı pratik olmayan çok uzun dizeler üretecektir. Büyük resimler için dosyayı barındırmak ve ona bir URL ile bağlantı vermek neredeyse her zaman daha iyi bir yaklaşımdır.
Daha küçük bir kaynak görsele mi ihtiyacınız var?
AI Enhance, görüntüleri kodlamadan önce sıkıştırabilir ve optimize edebilir. Daha küçük bir kaynak dosyası daha kısa bir Base64 dizesi üreterek sayfa ağırlığınızı azaltır.
Ücretsiz deneyinMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Birden çok renk durağıyla doğrusal, radyal ve konik degradeler tasarlayın. CSS kodunu kopyalayın veya PNG görüntüsü olarak indirin. Kayıt olmanıza gerek yok.
Renkleri HEX, RGB, HSL, HSB, CMYK ve CSS adlı formatlar arasında dönüştürün. Canlı önizlemeyi görün, herhangi bir değeri kopyalayın ve bir renk kartını dışa aktarın. Kayıt olmanıza gerek yok.
HEX renk kodlarını RGB değerlerine (veya tam tersi) dönüştürün. Canlı önizleme, tek tıklamayla kopyalama ve CSS pasajı çıktısı. Kayıt olmanıza gerek yok; tarayıcınızda çalışır.
Yüklenen bir görüntüden herhangi bir rengi seçin ve HEX, RGB ve HSL kodlarını anında alın. Web tasarımı, markalama ve illüstrasyon için fotoğraflardan paletler oluşturun.
Bir fotoğraf yükleyin ve HEX, RGB ve HSL kodlarıyla 5-10 baskın rengi çıkarın. Renk örneklerini kopyalayın, ASE veya CSS değişkenleri olarak dışa aktarın. Kayıt olmanıza gerek yok.
URL'ler, metinler, WiFi kimlik bilgileri ve vCard'lar için QR kodları oluşturun. Renkleri özelleştirin, merkez logosu ekleyin ve PNG veya SVG olarak indirin. Kayıt olmanıza gerek yok.