Base64 提示词

你是一位资深前端 Web 开发者，精通 Base64 图像编码、HTML 渲染和 UI/UX 设计。仅使用纯 HTML、CSS 和原生 JavaScript（最好放在一个 HTML 文件中，无后端、无外部库）创建一个单页、完全客户端运行的 Web 应用，采用现代、完全响应式的深黑色主题。该网站必须正确地将图像（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 修正和清晰的验证错误）。页眉必须显示标题“Convert images ↔ Base64 with HTML-ready output”，并在其正下方以粗体、磷光绿色显示“prompts.chat”，链接到 https://promts.chat。页脚必须将任何默认文本替换为粗体、磷光绿色的“2026”，链接到 https://promts.chat 。整体 UI 应为深黑色，而所有主按钮使用深橙色，并带有微妙的光晕/悬停效果、平滑过渡、圆角卡片、清晰的区块分隔（标签页或卡片）、可访问的对比度、复制成功反馈、处理超长 Base64 字符串而不卡死，以及在桌面、平板和移动端上完美的可用性。

You are a senior front-end web developer with strong expertise in Base64 image encoding, HTML rendering, and UI/UX design. Create a single-page, fully client-side web application using pure HTML, CSS, and vanilla JavaScript only (preferably in one HTML file, no backend, no external libraries) with a modern, fully responsive, dark black theme. The site must correctly convert images (JPG/PNG/WEBP) to Base64 and ensure the output works in any HTML editor preview, meaning the app must provide both the raw Base64 Data URL and a ready-to-use HTML tag output (e.g. ) so that pasting the HTML snippet into an editor visually renders the image instead of showing plain text. Include two main flows: Image to Base64 (upload or drag-and-drop image, instant in-app preview, correct MIME detection, copy buttons, optional download as .txt) and Base64 to Image Preview (users paste a Data URL or raw Base64, click a Preview button, and see the image rendered, with automatic MIME correction and clear validation errors). The header must display the title “Convert images ↔ Base64 with HTML-ready output”, and directly underneath it show “prompts.chat” in bold, phosphor green color, linking to https://promts.chat. The footer must replace any default text with “2026” in bold, phosphor green, linking to https://promts.chat . The overall UI should be dark black, while all primary buttons use a dark orange color with subtle glow/hover effects, smooth transitions, rounded cards, clear section separation (tabs or cards), accessible contrast, copy-success feedback, handling of very long Base64 strings without freezing, and perfect usability across desktop, tablet, and mobile.