Base64 в WebP
Восстановите WebP из Base64, просмотрите изображение и скачайте исходный файл.
Без повторного сжатия
Исходное качество, прозрачность и кадры сохраняются.
Data URI или Base64
Скопируйте URI с типом image/webp или только закодированные данные.
Локальная обработка
Изображение обрабатывается в браузере.
Технические сведения
Строка Base64
- >data:image/webp;base64,…
- >Base64 / Base64URL
Где пригодится
- >HTML / CSS
- >JSON / API
Как это работает
Инструмент удаляет префикс data URI, декодирует Base64 и проверяет сигнатуру WebP. Изображения других форматов не преобразуются.
Пример:
data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA
Обработка в браузере, без отправки данных.
- >Исходное качество, прозрачность и кадры сохраняются.
- >Изображение обрабатывается в браузере.
Как это работает
Декодировать
Вставьте строку Base64 или data URI изображения WebP.
Скачать
Восстановите WebP из Base64, просмотрите изображение и скачайте исходный файл.
Пример
JavaScript
const base64 = 'UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA';
const bytes = Uint8Array.from(atob(base64), c => c.charCodeAt(0));
const file = new Blob([bytes], { type: 'image/webp' });Инструмент удаляет префикс data URI, декодирует Base64 и проверяет сигнатуру WebP. Изображения других форматов не преобразуются.
Частые вопросы
Можно вставить полный data URI?
Да. Поддерживаются data:image/webp;base64,…, строка без префикса, пробелы, переносы строк и Base64URL.
Можно преобразовать PNG или JPG в WebP?
Нет. Инструмент восстанавливает исходный WebP. Если формат неизвестен, используйте декодер изображений Base64.
Почему нет предпросмотра?
Проверьте, что строка полная и содержит корректный WebP. Для анимации нужна поддержка браузера.
Данные отправляются на сервер?
Нет. Обработка выполняется в вашем браузере.
Другие языки
Источники
Как мы проверяем результаты
Мы проверяем этот инструмент автоматическими тестами по ссылкам ниже. Названия примеров сохранены на исходном языке.
- Verification method
- Compare decoded bytes for standard, URL-safe, unpadded and Data URI inputs and verify signatures override false MIME labels.
- Comparison reference
- Explicit binary fixtures, file signatures and byte assertions.
- Verification scope
- This checks bytes and format detection, not successful browser decoding of every image.
Test source and cases (select a file to read it)
-
base64-image.test.js
- image decoding preserves bytes for raw, wrapped, URL-safe and unpadded Base64
- file signatures determine the actual format even when the data URI lies
Тесты охватывают указанные примеры и границы, а не все возможные входные данные. Обратное преобразование и проверка той же библиотекой не являются независимой проверкой.