Obraz na data URI

Data URI koduje obraz bezpośrednio jako tekst (Base64), więc możesz osadzić go w treści w HTML (atrybut img src) lub CSS (tło) bez osobnego pliku czy dodatkowego żądania sieciowego. To narzędzie zamienia Twój obraz na gotowy do wklejenia adres data:.

Wynikiem jest zwykły plik tekstowy zawierający pełny ciąg data:image/...;base64,.... Przydaje się do drobnych ikon, szablonów e-mail, dem w jednym pliku lub uniknięcia dodatkowego żądania, choć tekst Base64 jest o około jedną trzecią większy niż oryginalne bajty.

Wszystko działa w pełni lokalnie w Twojej przeglądarce (bez wysyłania, nawet offline) - Twój obraz nigdy nie opuszcza urządzenia. Obraz jest kodowany dokładnie taki, jaki jest (te same bajty, ten sam format, bez ponownego kodowania); bardzo duży obraz daje bardzo długi ciąg, więc najlepiej nadaje się do małych obrazów.

Uczciwy kompromis osadzania: data URI wędruje z każdą dostawą pliku HTML lub CSS i nie jest osobno cache'owana przez przeglądarkę. Praktyczna reguła: osadzanie opłaca się tylko przy bardzo małych grafikach - ikonach po kilka kilobajtów; duże obrazy lepiej zostawić jako osobny plik. Do szybkiego sprawdzenia wklej łańcuch prosto w pasek adresu przeglądarki.

Dane techniczne

W 3 krokach

1. Przeciągnij lub naciśnij swój obraz (PNG, JPEG lub WebP).
2. Jest kodowany w Base64 do adresu data: w Twojej przeglądarce.
3. Ściągnij plik tekstowy z data URI (gotowy do wklejenia).

Ograniczenia: Koduje bajty obrazu dokładnie jako Base64 do ciągu data:<typ>;base64,... zapisanego jako plik tekstowy. Base64 jest o około 33% większy niż oryginał, więc najlepiej nadaje się do małych obrazów. Oryginalny format i bajty są zachowane (bez ponownego kodowania).

Częste pytania

Powiązane narzędzia

Kolaż ze zdjęć · Kompresja obrazów · PNG na SVG · Optymalizuj SVG