Ücretsiz geliştirici aracı

Data URI Oluşturucu HTML ve CSS için satır içi varlıklar

Frontend geliştiricileri için ücretsiz Data URI Oluşturucu. PNG, JPEG, SVG, font yükleyin veya metin yapıştırın; HTML img src ve CSS background-image için Base64 ya da URL kodlu Data URI üretin.

Data URI Oluşturucuyu aç Tüm araçları keşfet
AD

Data URI Oluşturucu şu sorunları çözer

Frontend geliştiricileri için ücretsiz Data URI Oluşturucu. PNG, JPEG, SVG, font yükleyin veya metin yapıştırın; HTML img src ve CSS background-image için Base64 ya da URL kodlu Data URI üretin.

Data URI Oluşturucu özellikleri

Frontend geliştiricileri için ücretsiz Data URI Oluşturucu. PNG, JPEG, SVG, font yükleyin veya metin yapıştırın; HTML img src ve CSS background-image için Base64 ya da URL kodlu Data URI üretin.

Dosya veya metin

PNG, JPEG, SVG, metin ve font ekleyin.

Otomatik seçim

Metin/SVG için URL, ikili için Base64.

MIME düzenleme

Gerekirse türü değiştirin.

Üç çıktı

Data URI, CSS veya HTML kopyalayın.

Önizleme ve değerler

Boyutu ve sonucu kontrol edin.

Yerel akış

Yükleme yapmadan üretin.

nasıl kullanılır Data URI Oluşturucu

Frontend geliştiricileri için ücretsiz Data URI Oluşturucu. PNG, JPEG, SVG, font yükleyin veya metin yapıştırın; HTML img src ve CSS background-image için Base64 ya da URL kodlu Data URI üretin.

01

Kaynağı ekle

Metin yapıştırın veya dosya seçin.

  • Yerel işlem, yükleme yok
02

MIME kontrolü

image/png, image/svg+xml ve diğerlerini kontrol edin.

  • Yerel işlem, yükleme yok
03

Kodlamayı seç

Otomatik, Base64 veya URL kullanın.

  • Yerel işlem, yükleme yok
04

Snippet kopyala

HTML veya CSS içine yapıştırın.

  • Yerel işlem, yükleme yok

Data URI Oluşturucu iş akışları

Frontend geliştiricileri için ücretsiz Data URI Oluşturucu. PNG, JPEG, SVG, font yükleyin veya metin yapıştırın; HTML img src ve CSS background-image için Base64 ya da URL kodlu Data URI üretin.

Kaynağı ekle

Metin yapıştırın veya dosya seçin.

Data URI üret
Data URI Generator upload workflow converting PNG SVG text and font files into browser-ready Data URIs

Kodlamayı seç

Otomatik, Base64 veya URL kullanın.

Kodlama seç
Data URI Generator choosing Base64 or URL encoded output for SVG text and binary resources

Snippet kopyala

HTML veya CSS içine yapıştırın.

Snippetleri kopyala
Data URI Generator output cards for CSS background-image HTML img src and plain Data URI snippets

Data URI Oluşturucu kullanım alanları

Frontend geliştiricileri için ücretsiz Data URI Oluşturucu. PNG, JPEG, SVG, font yükleyin veya metin yapıştırın; HTML img src ve CSS background-image için Base64 ya da URL kodlu Data URI üretin.

Satır içi SVG ikonları

İkonlar, SVG ve kısa metinler sayfaya eklenebilir.

Tek dosya prototipler

HTML veya CSS içine yapıştırın.

Dokümantasyon örnekleri

Boyutu ve sonucu kontrol edin.

Data URI Oluşturucu SSS

Frontend geliştiricileri için ücretsiz Data URI Oluşturucu. PNG, JPEG, SVG, font yükleyin veya metin yapıştırın; HTML img src ve CSS background-image için Base64 ya da URL kodlu Data URI üretin.

Dosyalar yükleniyor mu?

Hayır, her şey tarayıcıda yerel işlenir.

Base64 ne zaman?

Görseller, fontlar ve ikili dosyalar için.

URL ne zaman?

SVG, CSS, JSON ve metin için.

Büyük dosyalara uygun mu?

Hayır, küçük varlıklar için daha uygundur.

kullanmaya başla Data URI Oluşturucu

Frontend geliştiricileri için ücretsiz Data URI Oluşturucu. PNG, JPEG, SVG, font yükleyin veya metin yapıştırın; HTML img src ve CSS background-image için Base64 ya da URL kodlu Data URI üretin.

Data URI Oluşturucuyu aç Tüm araçları keşfet

Tarayıcıda ücretsiz Data URI Oluşturucu.