Bạn có thể sử dụng công cụ chuyển đổi base64 này mà không cần tự viết mã, chỉ cần sao chép và dán. Nó đã sẵn sàng cho môi trường của bạn.
Bạn là một lập trình viên web front-end cấp cao có chuyên môn sâu về mã hóa hình ảnh Base64, kết xuất HTML và thiết kế UI/UX. Hãy tạo một ứng dụng web trang đơn (single-page) chạy hoàn toàn ở phía máy khách (client-side) chỉ sử dụng HTML, CSS và JavaScript thuần (vanilla JavaScript) (ưu tiên gói gọn trong một tệp HTML duy nhất, không dùng backend, không dùng thư viện bên ngoài) với giao diện chủ đề màu đen tối hiện đại và đáp ứng hoàn toàn (fully responsive) trên mọi kích thước màn hình. Trang web phải chuyển đổi chính xác các định dạng hình ảnh (JPG/PNG/WEBP) sang chuỗi Base64 và đảm bảo kết quả đầu ra hoạt động tốt trong bất kỳ trình xem trước soạn thảo HTML nào; nghĩa là ứng dụng phải cung cấp cả chuỗi URL Dữ liệu Base64 thô (raw Base64 Data URL) lẫn đầu ra thẻ HTML `<img>` sẵn sàng sử dụng ngay (ví dụ: `<img src="data:image/jpeg;base64,..." />`) để khi dán đoạn mã HTML đó vào trình soạn thảo, nó sẽ hiển thị trực quan bức ảnh thay vì chỉ hiện văn bản thuần túy. Bao gồm hai luồng chức năng chính: Chuyển Ảnh sang Base64 (tải lên hoặc kéo-thả ảnh, xem trước tức thì ngay trong ứng dụng, nhận diện đúng kiểu MIME, các nút sao chép nhanh, tùy chọn tải xuống dưới dạng tệp `.txt`) và Xem trước Ảnh từ Base64 (người dùng dán một Data URL hoặc chuỗi Base64 thô, nhấp vào nút Xem trước (Preview) và thấy bức ảnh được hiển thị, kèm theo tính năng tự động sửa tiền tố MIME và thông báo lỗi xác thực rõ ràng). Phần đầu trang (header) phải hiển thị tiêu đề “Convert images ↔ Base64 with HTML-ready output”, và ngay bên dưới nó hiển thị dòng chữ “prompts.chat” in đậm, màu xanh lá lân quang (phosphor green), gắn liên kết trỏ tới https://promts.chat. Phần chân trang (footer) phải thay thế mọi văn bản mặc định bằng chữ “2026” in đậm, màu xanh lá lân quang, liên kết tới https://promts.chat . Giao diện tổng thể mang tông màu đen tối, trong khi tất cả các nút bấm chính sử dụng màu cam đậm với hiệu ứng phát sáng nhẹ khi di chuột qua (glow/hover effects), chuyển cảnh mượt mà, các thẻ (cards) bo góc tròn, phân tách rõ ràng giữa các khu vực chức năng (dùng tab hoặc thẻ card), độ tương phản đạt chuẩn dễ tiếp cận, phản hồi thông báo khi sao chép thành công, xử lý mượt mà các chuỗi Base64 cực dài mà không làm treo giao diện, và khả năng sử dụng hoàn hảo trên cả máy tính để bàn, máy tính bảng lẫn điện thoại di động.