Image Data URI Converter

En fazla 5 MB görsel dosyasını tarayıcıda Data URI metnine çevirin; Base64 çıktısının boyutunu ve kullanım sınırlarını görün.

Bu aracın ana girdisi tarayıcınızda işlenir ve harici API’ye gönderilmez. Yazı tipi ve arayüz dosyaları harici sağlayıcılardan yüklenebilir.

YULATOOLS · KULLANIM REHBERİ

Image Data URI Converter

Görsel Data URI kodlayıcı, seçilen görsel dosyasını `FileReader.readAsDataURL()` ile metin biçiminde verir. Oluşan değer MIME türü ile Base64 gövdesini birlikte taşır ve CSS `url(...)` ya da HTML `src` alanında kullanılabilir.

Bu araç, YulaTools içindeki Base64 görsel aracına işlev olarak çok yakındır: ikisi de yerel görselden Data URI üretir. Bu sayfa kısa Data URI iş akışına odaklanır; çıktılar aynı standardı kullanır ve Base64 kodlaması görseli sıkıştırmaz ya da gizlemez.

Hangi durumlarda kullanılır?

  • Bir küçük arayüz ikonunu CSS `url(...)` değeri olarak hazırlamak.
  • MIME türüyle başlayan Data URI'yi kopyalayıp HTML örneğine eklemek.

Nasıl kullanılır?

  1. En fazla 5 MB boyutunda bir görsel seçin.
  2. Üretilen Data URI metninin başında doğru `data:image/...;base64,` bilgisini kontrol edin.
  3. Gerekli küçük varlığa kodu kopyalayın; çıktı şişmesini önlemek için büyük görselleri ayrı dosya olarak tutun.

Örnek

Girdi: 4 KB boyutunda icon.png

Çıktı: data:image/png;base64,...; MIME türü PNG olan, kopyalanabilir Data URI

Kimler için?

  • CSS ve HTML prototipi hazırlayanlar
  • Küçük statik ikon kullanan geliştiriciler
  • Data URI biçimini inceleyen teknik kullanıcılar

Gizlilik ve sınırlar

Görsel tarayıcıda okunur ve dosya dönüşüm API'sine yüklenmez. Seçim en fazla 5 MB ile sınırlıdır. Aynı işlevi sunan Base64 görsel aracıyla bu sayfanın çıktısı aynı Data URI biçimindedir.

Base64 hakkında daha fazla bilgi

Sık sorulan sorular

Base64 görsel aracıyla farkı nedir?

Dönüşüm çekirdeği aynıdır: ikisi de görsel dosyasını tarayıcıda Data URI metnine çevirir. Ayrı bir arayüz ve sayfa sunulsa da araçlar arasında benzersiz bir kodlama farkı yoktur.

Data URI dosyayı sıkıştırır mı?

Hayır. Base64 metni ikili veriyi temsil eder; metin kaynağı genellikle ham görsel dosyasından daha fazla yer kaplar.

Büyük fotoğraflar için uygun mu?

Genellikle hayır. Büyük Base64 metni HTML/CSS kaynağını büyütür ve yükleme maliyetini artırır. Böyle görselleri optimize edilmiş ayrı dosyalar olarak kullanın.

Görselim sunucuya yükleniyor mu?

Bu sayfadaki FileReader dönüşümü yerel tarayıcıda çalışır; görüntü bir API'ye gönderilmez. Paylaşılan cihazlarda hassas görsel seçimini yine de dikkatle değerlendirin.