Code Thành Ảnh
Dán một đoạn code vào và nhận ngay ảnh "chụp màn hình" đã tô màu cú pháp, sẵn sàng chia sẻ — chọn ngôn ngữ, theme màu, nền gradient, khung cửa sổ kiểu macOS và padding, rồi xuất ra PNG.
Các bước
- Dán hoặc gõ code vào ô soạn thảo. Chọn ngôn ngữ ở danh sách xổ xuống, hoặc để Auto-detect cho tự nhận diện.
- Chọn theme màu cú pháp (có cả bản tối và bản sáng).
- Chọn nền — màu đơn qua bảng chọn màu, hoặc một trong các gradient dựng sẵn.
- Chỉnh padding, bật/tắt 3 chấm tròn kiểu macOS, và có thể đặt tên file hiển thị ở thanh tiêu đề cửa sổ.
- Bấm Download PNG để lưu ảnh.
Mẹo
- Mọi thứ được dựng ngay trong trình duyệt — code bạn dán không được tải lên đâu cả.
- Ảnh PNG xuất ra ở độ phân giải gấp đôi (2x) nên vẫn nét trên màn hình retina/độ phân giải cao.
- Nếu xuất ảnh lỗi trên trình duyệt lạ, thử đoạn code ngắn hơn hoặc theme đơn giản hơn trước — bước xuất ảnh cần toàn bộ preview tự chứa đầy đủ.
Câu hỏi thường gặp
Có xuất được SVG thay vì PNG không?
Hiện chưa — preview chỉ xuất ra dưới dạng ảnh PNG.
Ngôn ngữ của tôi có được hỗ trợ không?
Danh sách xổ xuống có sẵn khoảng 15 ngôn ngữ phổ biến; nếu không thấy ngôn ngữ của bạn, thử Auto-detect — thường vẫn tô màu đúng.