Konverter CSS Data URI
Tempel stylesheet, pilih file, atau masukkan URL file CSS remote. Konverter menemukan setiap referensi url(...), mengunduh resource yang lebih kecil dari batas ukuran Anda, dan menggantinya dengan data URI Base64.
| Resource | Ukuran | Hasil |
|---|
Kapan menyisipkan gambar CSS bermanfaat
Setiap gambar eksternal membutuhkan satu permintaan. Untuk ikon kecil, menyisipkannya sebagai data URI Base64 menghilangkan permintaan tersebut dan mencegah kedipan. Di atas beberapa kilobyte, overhead ukuran 33% dan hilangnya caching lebih besar daripada manfaatnya, itulah sebabnya konverter ini memiliki batas ukuran. Sajikan hasilnya dengan gzip atau Brotli untuk memulihkan sebagian besar overhead Base64.
Pertanyaan yang sering diajukan
Haruskah saya menyisipkan semua gambar CSS?
Tidak. Sisipkan hanya ikon dan latar belakang kecil. Gambar besar membuat CSS membengkak, menghambat rendering, dan tidak dapat di-cache secara terpisah.
Komentar (0)
Ada pertanyaan, ide, atau bug di “Konverter CSS Data URI”? Tinggalkan komentar, beri rating alat ini, atau balas komentar lainnya.
Belum ada komentar. Jadilah yang pertama memberikan masukan!