Narzędzie do generowania plików w formacie Data URI
Bezpłatny online narzędzie do konwersji plików na format Base64
Co to są Data URI?
Data URI osadza dane pliku bezpośrednio w URL używając formatu data:[typMIME];base64,[dane]. Pozwala to osadzać małe obrazy, czcionki lub pliki bezpośrednio w HTML, CSS lub JavaScript bez zewnętrznych odwołań do plików. Data URI eliminują dodatkowe żądania HTTP dla małych zasobów.
Jak generować Data URI
Prześlij plik (obraz, czcionkę, SVG itp.). Narzędzie generuje ciąg Data URI. Użyj Kopiuj jako CSS, aby uzyskać właściwość background-image, lub Kopiuj jako HTML dla tagu <img>. Data URI działają najlepiej dla plików poniżej 10KB.
▶Kiedy używać Data URI zamiast zewnętrznych plików?
Używaj Data URI dla małych zasobów (poniżej 10KB) takich jak ikony, malutkie obrazy czy czcionki. Dla większych plików zewnętrzne pliki z buforowaniem są bardziej wydajne. Zbyt wiele Data URI w CSS może spowolnić renderowanie.
▶Czy Data URI działają we wszystkich przeglądarkach?
Tak, wszystkie nowoczesne przeglądarki obsługują Data URI. Bardzo stare przeglądarki (IE8 i starsze) mają limit rozmiaru 32KB, ale nie jest to istotne dla nowoczesnych aplikacji.
Jeśli ten tool był dla ciebie przydatny, pomyśl o tym, aby kupić mi kawę.
Kup mi kawę.