PNG в Base64

PNG — хороший выбор для логотипов, иконок и UI-ресурсов, потому что поддерживает сжатие без потерь и прозрачность. Этот конвертер png base64 кодирует ваш PNG-файл в текст, который можно встроить в код.

Загрузите PNG-файл и скопируйте закодированный результат. Вы можете использовать его как данные png to base 64 в HTML, CSS, JavaScript, JSON или полезной нагрузке API.

PNG data URI обычно начинается с data:image/png;base64, за которым следуют закодированные символы.

Когда вам нужно значение data image png base64, скопируйте полный URI с вкладки Data URI. Вставьте его в проект там, где ожидается URL или строка.

Вы также можете рассматривать результат как текст image png base64, когда храните закодированное значение без префикса.

Вставьте закодированный текст PNG на нашу страницу «Base64 в изображение», когда нужно выполнить обратный процесс. Просмотрите изображение и скачайте PNG-файл за один шаг.

Этот рабочий процесс base64 to png помогает, когда вы получаете данные изображения из API, поля базы данных или экспортированного отчёта.

Base64 сохраняет альфа-прозрачность для PNG-файлов, поэтому иконки и наложения остаются пригодными для использования в CSS и HTML.

Строки PNG Base64 больше исходного двоичного файла. Используйте их для небольших ресурсов, таких как иконки и значки, а не для больших скриншотов или фотогалерей.

HTML-пример: поместите значение data:image/png;base64,... в атрибут src тега img.

CSS-пример: используйте background-image: url("data:image/png;base64,..."); для небольших иконок или заглушек.

Для полных шагов реализации и образцов для копирования откройте наше руководство по HTML, CSS и JavaScript.