Полный пример
Встроить иконку в прототип
Вход: icon-32.png (загруженный файл)
Действие: Сценарий Изображение → Base64, затем добавить `data:image/png;base64,`.
Выход: Готовый Data URL для использования в атрибуте img src.
Преобразование изображений в Base64 / Data URL
Подходит для небольших изображений в документации, демо и прототипах, когда нужен инлайн-формат.
Подходящие типы входных данных
- PNG/JPG/SVG файлы для встраивания
- Готовые Data URL строки для проверки
- Сырые Base64-строки изображений без префикса
Пошаговый процесс
- Откройте режим изображений и загрузите файл.
- Скопируйте Base64-результат; при необходимости добавьте префикс Data URL.
- Вставьте результат в HTML/CSS и проверьте рендер.
Частые ошибки в этом сценарии
Неверный или отсутствующий префикс Data URL
Если изображение не рендерится, проверьте соответствие префикса data:image/;base64, реальному типу файла.
Слишком большой файл
Инлайн Base64 лучше использовать для маленьких ресурсов. Для крупных файлов лучше оставить URL.
SVG не отображается после декодирования
Используйте MIME `image/svg+xml` и убедитесь, что SVG-текст валиден.