Image to Base64
Convert images to Base64
Convert images to Base64 Działa lokalnie w Twojej przeglądarce
About the
Konwerter obrazu na Base64 zamienia dowolny plik obrazu w identyfikator URI danych Base64, który możesz wkleić bezpośrednio do HTML, CSS lub JSON. Plik jest odczytywany za pomocą czytnika plików przeglądarki i kodowany lokalnie, więc nigdy nie jest przesyłany, co sprawia, że jest bezpieczny dla logo i zasobów, których nie chcesz wysyłać osobom trzecim. Liczba znaków jest wyświetlana obok wyniku, ponieważ Base64 zwiększa rozmiar o około jedną trzecią, a to ma znaczenie, gdy ciąg znaków kończy się na stronie w linii.
Where people use the
- Wstawienie małego logo, aby szablon wiadomości e-mail był renderowany bez zasobów zewnętrznych.
- Osadzanie ikony w jednoplikowym dokumencie HTML.
- Umieszczenie obrazu w ładunku JSON, który akceptuje tylko tekst.
- Unikanie ostrzeżenia o mieszanej treści na stronie obsługiwanej przez HTTPS.
How to use the
- 1
Wybierz obraz
Użyj opcji przesyłania, aby wybrać dowolny plik obrazu. Akceptowane są popularne formaty, takie jak PNG, JPEG, GIF i SVG.
- 2
Poczekaj na kodowanie
Po odczytaniu pliku identyfikator URI danych pojawia się w obszarze tekstowym. Większe pliki zajmują chwilę dłużej.
- 3
Skopiuj ciąg
Użyj przycisku kopiowania, aby pobrać cały URI danych, w tym dane: prefiks i typ nośnika.
- 4
Wklej go tam, gdzie go potrzebujesz
Użyj go jako źródła znacznika obrazu, wewnątrz wartości CSS url() lub jako pola w ładunku JSON.
Wskazówki i najlepsze praktyki
- Staraj się, aby obrazy w linii były małe; ciąg jest o około jedną trzecią większy niż plik.
- Skopiuj cały identyfikator URI danych, łącznie z przedrostkiem data:, w przeciwnym razie przeglądarka go nie wyświetli.
- W przypadku zdjęć umieść plik i załącz do niego link, zamiast go wklejać.
Często zadawane pytania
Czy obraz jest gdzieś przesłany?
Nie. Plik jest odczytywany i kodowany w Twojej przeglądarce, więc nigdy nie opuszcza Twojego urządzenia. To jest główny powód, dla którego warto używać tego, a nie konwertera online, który wymaga przesłania.
Dlaczego ciąg jest o wiele dłuższy niż plik?
Base64 reprezentuje trzy bajty z czterema znakami, więc wynik jest o około jedną trzecią większy niż oryginalny plik przed jakimkolwiek innym obciążeniem.
Czy powinienem wstawiać obrazy na stronę?
Tylko małe. Wstawianie zapisuje żądanie, ale blokuje oddzielne buforowanie pliku i zwiększa rozmiar kodu HTML, dzięki czemu pasuje do ikon i małych logo, a nie do zdjęć.
Czy mogę pójść w drugą stronę?
Nie tutaj. To narzędzie koduje plik obrazu na tekst. Do dekodowania potrzebny jest dekoder Base64 i oryginalny typ nośnika.
Czy istnieje limit rozmiaru pliku?
Nie ma limitu serwera, ponieważ nic nie jest przesyłane. Zakodowanie bardzo dużych obrazów i utworzenie nieporęcznego ciągu znaków zajmie trochę czasu.