Інструменти95

КОНВЕРТАЦІЯ / ПРАКТИЧНИЙ ПОСІБНИК ІЗ ЗОБРАЖЕНЬ

Як конвертувати Base64 у зображення

Відновіть оригінальне зображення з рядка Base64 або URL-адреси даних зображення.

Вставте закодовані дані в «Base64 у зображення», виберіть «Продовжити», перевірте зображення та завантажте його в оригінальному форматі. Цей приклад декодує зразок PNG без зміни розміру чи повторного стиснення.

Дотримуйтесь інструкції
ЗАКОДОВАНІ ДАНІ ТА ВІДНОВЛЕНЕ ЗОБРАЖЕННЯ
До
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAQAElEQVR4Aez9T+x/+1Xehz7rZ0Jv/iiiXEWM2kFQRonUiAwQqmp1lKhCKKpQRh3cFBJsAyYYAjY2mHOOoYE29rEZkD…

Початок URL-адреси зразка даних зображення; уривок скорочено для відображення.

Після Оригінальна іконка орбіти PNG, відновлена з URL-адреси даних Base64.

Декодовано PNG: 512 × 512 пікселів, 202,491 оригінальних байтів.

Повна URL-адреса даних зображення декодується назад в оригінальний PNG. Відображений текст скорочено; у зразку використовується повний рядок.
Реклама
ШВИДКИЙ ВІДЕОУРОК How to convert Base64 code into an image Paste a Base64 image or data URL, preview the decoded picture, choose Start and download the image in its original format. Англійська озвучка Переглянути відео

How to convert Base64 code into an image

Реклама

Дотримуйтесь цього прикладу, щоб перетворити закодовані дані зображення назад у придатний для використання файл. Відкрити Base64 у зображення.

01

Вставте дані зображення

Відкрийте «Base64 у зображення» і вставте звичайний рядок Base64 або повну URL-адресу даних зображення. «Спробувати зразок» заповнює те саме поле реальним прикладом PNG. Вам не потрібно завантажувати окремий файл.

URL-адреса даних містить префікс, наприклад data:image/png;base64,. Звичайний Base64 містить лише закодовані символи. Пробіли та розриви рядків у даних ігноруються.

Якщо ваш код знаходиться всередині зображення HTML або оголошення CSS, скопіюйте лише URL-адресу даних. Повний елемент HTML або оголошення CSS не можуть бути декодовані як зображення.

Використовуйте конвертер «Зображення у Base64», коли вам потрібно виконати зворотну дію.

02

Перевірте попередній перегляд перед експортом

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

URL-адреса даних, що оголошує JPG, але містить PNG байтів, відхиляється. Неповний текст, непідтримувані файли та файли, що перевищують ліміти, також відхиляються. Це дозволяє уникнути мовчазного збереження файлу з оманливим розширенням.

У прикладі використовується зразок favicon-orbit.png, 512 × 512 PNG, що містить 202,491 байтів. Його попередній перегляд має показувати ту саму барвисту іконку. Якщо ви зміните вставлений код у редакторі, виберіть «Попередній перегляд зображення», щоб перевірити заміну.

Попередній перегляд допомагає ідентифікувати зображення. Не покладайтеся лише на ім'я файлу або оголошений MIME-тип.

Приклад у цьому посібнику

Спробуйте зразок, щоб заповнити URL-адресу даних для favicon-orbit.png. Виберіть «Продовжити», підтвердьте попередній перегляд 512 × 512, потім «Почати» та «Завантажити». Порівняйте завантажені PNG байтів із вихідним зразком.

Формат декодування
PNG
Розміри зображення
512 × 512 пкс
Оригінальні байти зображення
202,491 байтів
Конвертація
Декодування без перестискання
03

Завантажте відновлене зображення

Виберіть «Почати», а потім «Завантажити», щоб зберегти decoded-image.png для цього прикладу. Конвертер визначає оригінальний формат; він не просить вас вибрати інший.

Декодування відновлює оригінальні байти. Воно не змінює розмір, не перемальовує і не перестискає зображення, а також зберігає існуючі метадані та анімацію GIF. Використовуйте інший інструмент для зображень після завантаження, якщо хочете змінити розмір, стиснути або конвертувати результат.

Завантажений зразок має таку ж кількість байтів 202,491, як і його джерело PNG. Короткий уривок URL-адреси даних, показаний тут, наведено лише для ілюстрації; обрізаний рядок не створить повне зображення.

Завантажте результат перед оновленням сторінки, оскільки це розпочне новий робочий процес.

04

Знайте формати, обмеження та межі конфіденційності

PNG, JPG, WebP, GIF, BMP та AVIF підтримуються, якщо браузер може декодувати їх для попереднього перегляду. Декодоване зображення може мати розмір до 25 МБ, 60 мегапікселів та 16,000 пікселів з кожного боку. Текстове поле також має обмежену довжину. Розмітка SVG та довільні бінарні файли не підтримуються.

Вставлені дані декодуються та відображаються на вашому пристрої без завантаження для конвертації. Base64 — це не шифрування: будь-хто, хто має повний рядок, може відтворити зображення.

Зберігайте закодований текст приватного зображення також у приватності.

КОРИСНІ ДЕТАЛІ

Поширені запитання

Як конвертувати Base64 у зображення?

Вставте звичайний рядок Base64 або URL-адресу даних зображення, виберіть «Продовжити», перевірте попередній перегляд, потім виберіть «Почати» та «Завантажити».

Чи можу я вставити повний тег зображення HTML?

Використовуйте лише URL-адресу даних всередині його атрибута src. Повний елемент HTML або декларація CSS не приймаються.

Чи втратить малюнок якість?

Ні. Декодування відновлює оригінальні байти зображення без зміни розміру чи перестискання.

Чи можу я вибрати JPG замість PNG?

Цей інструмент відновлює закодований файл у його оригінальному форматі. Використовуйте конвертер зображень після цього, щоб змінити формати.

Чому моя URL-адреса даних відхилена?

Дані можуть бути неповними, перевищувати ліміт, містити непідтримуваний формат або оголошувати MIME-тип, який не збігається з фактичним зображенням.

Чи завантажуються дані Base64?

Ні. Конвертер декодує та переглядає зображення локально у вашому браузері.

ВАША ЧЕРГА

Відновіть зображення, підтвердьте його та збережіть оригінальний файл.

Спробуйте зразок або використайте власний файл і перегляньте результат перед поширенням.

Відкрити Base64 у зображення

Деталі зображення

Мова38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Виберіть мову. Відеоуроки наразі мають англійське озвучення.