Konwerter obrazu do Base64— generuj lokalnie identyfikatory URI danych

Darmowy konwerter obrazu online na Base64. Koduj obrazy PNG, JPG,SVG,WebP lub GIF do identyfikatorów URI danych dla tła CSS i tagów img HTML lokalnie, bez przesyłania.

Kliknij, aby włączyć tryb kinowy

Wyniki konwersji

Prześlij obraz, aby zobaczyć identyfikator URI danych, kod CSS i HTML.

Instrukcja obsługi

  1. Przeciągnij obraz PNG, JPG,SVG,WebP lub GIF do obszaru przesyłania lub kliknij, aby wybrać pliki.
  2. Potwierdź podgląd obrazu, typ MIME, rozmiar oryginału i rozmiar wyjściowy URI danych.
  3. Skopiuj pełny identyfikator URI danych, surowy ciąg Base64,CSSobraz tła lub fragment HTML<img>.
  4. Wklej kod do CSS,HTML, szablonów wiadomości e-mail lub konfiguracji JSON.

Przykład: kliknij „Załaduj próbkę SVG”, aby wygenerować lokalną ikonę SVG jako identyfikator URI danych, a następnie skopiuj fragment kodu CSS lub HTML.

Główne funkcje

  • Natychmiastowe generowanie URI danych: Upuść obraz i wygeneruj URI data: image/...;base64,... bezpośrednio w przeglądarce.
  • Gotowe do użycia CSS i HTML: Skopiuj fragmenty CSSbackground-image lub HTML<img> bez ręcznego wpisywania przedrostka URI danych.
  • Obsługuje formaty obrazów internetowych: Działa z PNG, JPG,SVG,WebP, GIF, AVIF i innymi formatami obrazów odczytywanymi przez przeglądarkę.
  • Kolejka obrazów wsadowych: upuść wiele ikon, zasobów e-mail lub obrazów interfejsu użytkownika i skopiuj dokładnie taki fragment kodu, jakiego potrzebujesz do pliku.
  • 100% prywatne przetwarzanie: Obrazy są odczytywane lokalnie za pomocą interfejsu API przeglądarki FileReader. Nic nie zostało przesłane.

Powiązane narzędzia

Base64Koder i dekoder obrazu — adres URL danych + generator CSS

Koder/dekoder obrazu Base64: konwertuj pliki na adresy URL danych, dekoduj ciągi znaków z powrotem do plików do pobrania i kopiuj kod tła CSS— gotowy do użycia WebP, lokalny i prywatny. Spróbuj.
Base64 do konwertera obrazów - podgląd lokalny

Odkoduj obrazy Base64 lub Data URI w przeglądarce, uzyskaj natychmiastowy podgląd i pobierz jako oryginalny plik, PNG, JPG lub WebP.
Bezpieczny JSONFormater i generator typów - Gen. typów lokalnych

Bezpieczny program formatujący JSON: sformatuj, sprawdź i napraw JSON lokalnie. Upiększ/zmniejsz, podświetl błędy, wygeneruj TypeScript lub Zod, przekonwertuj na XML— prywatny. Spróbuj teraz.
Bezpłatny tester i oceniający JSONPath | Lokalne zapytania w czasie rzeczywistym

Bezpłatny tester i ewaluator JSONPath dla APIJSON. Wyodrębniaj pasujące węzły w czasie rzeczywistym, sprawdzaj ścieżki i kopiuj wyniki JSON, podczas gdy analizowanie pozostaje lokalne w przeglądarce.
Konwerter JSON na CSV— lokalny eksport arkusza kalkulacyjnego

Konwertuj obiekty lub tablice JSON na CSV lokalnie w przeglądarce. Spłaszcz pola, wyświetl podgląd wyniku, a następnie skopiuj lub pobierz CSV bez przesyłania danych.
Konwerter CSV na JSON- lokalny parser czasu rzeczywistego

Konwertuj tekst lub pliki CSV na tablice JSON lokalnie w przeglądarce. Obsługuje nagłówki, ograniczniki przecinków/średników/tabulatorów, pliki typu „przeciągnij i upuść”, kopiuj i pobieraj bez przesyłania.
JSONDiffSprawdzanie — lokalne porównanie semantyczne

Porównaj dwa dokumenty JSON lokalnie w przeglądarce. Sortuj klucze obiektów pod kątem różnicy semantycznej, ignoruj ​​szumy związane z kolejnością kluczy i oznaczaj dodane, usunięte i zmodyfikowane pola bez przesyłania.
JSONMinifier i kompresor

Zmniejsz JSON do jednego wiersza, usuń wcięcia i podziały wierszy oraz porównaj rozmiar oryginalny, rozmiar zminimalizowany, zapisane bajty i zaoszczędzoną wartość procentową.

Logika obliczeń

Kodowanie Base64 zamienia binarne dane obrazu na ciąg ASCII, co umożliwia osadzanie obrazów bezpośrednio w HTML,CSS lub JSON. Identyfikator URI danych ma kształt „dane:[typ-mime];base64,[dane-zakodowane]”, a przeglądarki mogą je odczytać jako zasób obrazu.

Ważny kompromis: Base64 nie jest kompresją obrazu. Zakodowany plik wyjściowy jest zwykle o około 33% większy niż oryginalny plik, dlatego najlepiej nadaje się do małych ikon, logo, obrazów w wiadomościach e-mail lub zmniejsza liczbę żądań HTTP. Duże zdjęcia i wiele zasobów powinny zwykle pozostać zwykłymi plikami graficznymi i być oddzielnie skompresowane.

Najczęściej zadawane pytania (FAQ)

Po co konwertować obraz na Base64?

Jest to przydatne, gdy chcesz osadzić małe ikony, obrazy wiadomości e-mail lub obrazy konfiguracji bezpośrednio w kodzie, redukując żądania zewnętrzne lub unikając blokowania zdalnych obrazów wiadomości e-mail.

Czy Base64 zmniejsza rozmiar obrazu?

Nie.Base64 zwykle zwiększa zakodowany rozmiar o około 33%. Pomaga w osadzaniu i redukcji żądań, a nie w kompresji pamięci.

Jakie formaty obrazów są obsługiwane?

PNG, JPG, JPEG,SVG,WebP, GIF, AVIF i dowolny format obrazu obsługiwany przez Twoją przeglądarkę.

Czy moje obrazy zostały przesłane?

Nie. Konwersja korzysta z natywnego dla przeglądarki interfejsu API FileReader.readAsData URL, dzięki czemu pliki pozostają na Twoim urządzeniu.

Czy mogę bezpośrednio skopiować CSS lub HTML?

Tak. Każdy obraz otrzymuje pełny identyfikator URI danych, surowy ciąg Base64,CSS„obraz tła” i fragment HTML<img>.