CSS'ten Base64'e Dönüştürücü: Ücretsiz, Gizli Araç
Bu CSS'ten Base64'e dönüştürücü, CSS metnini UTF-8 uyumlu Base64 olarak kodlar; ayrıca data:text/css;base64,… dizesi üreten isteğe bağlı bir data: URI sarmalayıcı içerir. CSS yapıştırın veya bir .css dosyası bırakın, ardından çıktıyı <link href> içinde ya da satır içi kullanım için kopyalayın. Dönüştürme tarayıcınızda çalışır; girdi cihazınızda kalır.
CSS'ten Base64'e dönüştürücü, CSS metnini UTF-8 uyumlu işleme ile Base64 olarak kodlar. CSS'yi doğrudan yapıştırabilir veya bir .css dosyası bırakabilir, ardından dönüştürülmüş sonucu kopyalayabilirsiniz. Araç tarayıcınızda çalışır; böylece girdiyi bir sunucuya göndermeden CSS'yi Base64'e çevirebilirsiniz.
Dönüştürmede isteğe bağlı bir data: URI sarmalayıcı bulunur. Kapalıyken Base64 kodlu CSS metnini alırsınız; açtığınızda kendi kendine yeten bir data:text/css;base64,… dizesi alırsınız. Çıktı, projenize uygun şekilde bir <link href> içinde veya satır içi kullanılabilir. Sarmalayıcı sonucun nasıl sunulduğunu değiştirirken kodlanan CSS içeriğinin kendisidir.
CSS, sunumu tanımlamak için kullanılan stil sayfası metnidir; Base64 ise veriyi metin tabanlı bir kodlamayla temsil eder. CSS'yi Base64'e çevirmek, kodlanmış stil sayfasına bir dize olarak ihtiyaç duyduğunuzda veya data: URI biçimini istediğinizde kullanışlı olabilir. Base64 bir kodlamadır; şifreleme veya sıkıştırma değildir; bu yüzden CSS'yi gizlemez ya da küçültmez.
Dönüştürme gizlidir ve tamamen tarayıcınızda gerçekleşir; girdi yüklenmez veya bir sunucuya gönderilmez. Sayfa yüklendikten sonra araç çevrimdışı çalışır; böylece bağlantı olmadan dönüştürmeye devam edebilirsiniz. Bir stil sayfasını hızla kodlaması gereken geliştiriciler ve DevOps mühendisleri için kullanışlıdır; masa başında ya da başka bir makinede çalışıyor olmaları fark etmez.
Adım 1: CSS'nizi giriş alanına yapıştırın veya yazın, ya da araca bir .css dosyası bırakın.
Adım 2: data: URI sarmalayıcıyı etkinleştirip etkinleştirmeyeceğinizi seçin. Açtığınızda, yalnızca Base64 metin yerine bir data:text/css;base64,… dizesi üretilir.
Adım 3: CSS'yi UTF-8 uyumlu Base64 olarak kodlamak için dönüştürmeyi çalıştırın. Sonuç, URI sarmalayıcıyı etkinleştirip etkinleştirmediğinizi yansıtır.
Adım 4: Çıktıyı kopyalayın ve kodlanmış CSS'ye ihtiyacınız olan yerde — örneğin bir <link href> içinde veya satır içi — kullanın.
Kullanım senaryosu: Yerel hiçbir şey kurmadan rutin bir CSS'ten Base64'e işini halledin; stil sayfasını yapıştırın ve kodlanmış sonucu kopyalayın.
Kullanım senaryosu: Yerel bir araç kurmak istemediğiniz bir makinede tarayıcıda CSS'yi Base64'e çevirin.
Kullanım senaryosu: Dönüştürme tarayıcınızda çalıştığı ve girdi bir sunucuya gönderilmediği için dahili CSS'yi üçüncü taraf bir servise yapıştırmaktan kaçının.
Kullanım senaryosu: <link href> içinde veya satır içi kullanım için kendi kendine yeten bir CSS dizesi gerektiğinde bir data:text/css;base64,… URI'si oluşturun.
Kullanım senaryosu: İçeriğini elle kopyalamak yerine .css dosyasını araca bırakarak bir stil sayfasını kodlayın.
Kullanım senaryosu: Sarmalayıcı seçeneğini ayarlayarak düz Base64 çıktıyı data: URI sarmalanmış sonuçla karşılaştırın.