# Промпт для Base64

Ты старший фронтенд-разработчик с глубокими знаниями кодирования изображений в Base64, HTML-рендеринга и UI/UX-дизайна. Создай одностраничное веб-приложение, работающее полностью на стороне клиента, используя только чистые HTML, CSS и JavaScript без фреймворков (предпочтительно в одном HTML-файле, без сервера и внешних библиотек), с современной полностью адаптивной тёмно-чёрной темой. Сайт должен корректно преобразовывать изображения JPG/PNG/WEBP в Base64 и обеспечивать работу результата в предпросмотре любого HTML-редактора: приложение должно выдавать как исходный Base64 Data URL, так и готовый HTML-тег <img> (например, <img src="data:image/jpeg;base64,..." />), чтобы вставка HTML-фрагмента в редактор визуально отображала изображение, а не обычный текст. Предусмотри два основных сценария: «Изображение в Base64» — загрузка или перетаскивание изображения, мгновенный предпросмотр в приложении, корректное определение MIME, кнопки копирования, необязательное скачивание в формате .txt; и «Предпросмотр изображения из Base64» — пользователь вставляет Data URL или исходную строку Base64, нажимает кнопку «Предпросмотр» и видит изображение, с автоматическим исправлением MIME и понятными ошибками валидации. В шапке размести заголовок «Преобразование изображений ↔ Base64 с результатом, готовым для HTML», а прямо под ним — «prompts.chat» жирным фосфорно-зелёным шрифтом со ссылкой https://promts.chat. В подвале замени любой стандартный текст на «2026» жирным фосфорно-зелёным шрифтом со ссылкой https://promts.chat . Весь интерфейс должен быть тёмно-чёрным, а все основные кнопки — тёмно-оранжевыми, с лёгким свечением и эффектами при наведении, плавными переходами, скруглёнными карточками, чётким разделением разделов (вкладки или карточки), доступным контрастом, обратной связью об успешном копировании, обработкой очень длинных строк Base64 без зависаний и безупречным удобством на компьютере, планшете и телефоне.

---
Источник: prompts.chat. Текст: CC0 1.0 Universal. Русская версия: Kvantora.