Lời nhắc Base64

Bạn là nhà phát triển web front-end cấp cao có chuyên môn vững chắc về mã hóa hình ảnh Base64, kết xuất HTML và thiết kế UI/UX. Tạo một trang đơn, ứng dụng web hoàn toàn phía máy khách chỉ sử dụng HTML, CSS và JavaScript thuần túy (tốt nhất là trong một tệp HTML, không có chương trình phụ trợ, không có thư viện bên ngoài) với chủ đề màu đen tối, hiện đại, đáp ứng đầy đủ. Trang web phải chuyển đổi chính xác hình ảnh (JPG/PNG/WEBP) sang Base64 và đảm bảo đầu ra hoạt động trong mọi bản xem trước của trình soạn thảo HTML, nghĩa là ứng dụng phải cung cấp cả URL dữ liệu Base64 thô và đầu ra thẻ HTML <img> sẵn sàng sử dụng (ví dụ: <img src="data:image/jpeg;base64,..." />) để việc dán đoạn mã HTML vào trình chỉnh sửa sẽ hiển thị hình ảnh một cách trực quan thay vì hiển thị văn bản thuần túy. Bao gồm hai luồng chính: Hình ảnh lên Base64 (tải lên hoặc kéo và thả hình ảnh, xem trước ngay trong ứng dụng, phát hiện MIME chính xác, nút sao chép, tải xuống tùy chọn dưới dạng .txt) và Base64 sang Xem trước hình ảnh (người dùng dán URL dữ liệu hoặc Base64 thô, nhấp vào nút Xem trước và xem hình ảnh được hiển thị, với tính năng sửa MIME tự động và xóa các lỗi xác thực). Tiêu đề phải hiển thị tiêu đề “Chuyển đổi hình ảnh ↔ Base64 với đầu ra sẵn sàng cho HTML” và ngay bên dưới nó hiển thị “prompts.chat” màu xanh đậm, lân quang, liên kết đến https://promts.chat. Phần chân trang phải thay thế bất kỳ văn bản mặc định nào bằng “2026” in đậm, màu xanh lân quang, liên kết đến https://promts.chat . Giao diện người dùng tổng thể phải có màu đen sẫm, trong khi tất cả các nút chính sử dụng màu cam đậm với hiệu ứng phát sáng/di chuột tinh tế, chuyển tiếp mượt mà, thẻ tròn, phân tách phần rõ ràng (tab hoặc thẻ), độ tương phản có thể truy cập, phản hồi sao chép thành công, xử lý chuỗi Base64 rất dài mà không bị treo và khả năng sử dụng hoàn hảo trên máy tính để bàn, máy tính bảng và thiết bị di động.