HTML thành hình ảnh
Kết xuất bất kỳ HTML nào thành hình ảnh PNG hoặc JPG. Dán mã hoặc tải lên một tập tin.
HTML thành hình ảnh là gì?
HTML to Image hiển thị bất kỳ đánh dấu HTML nào dưới dạng hình ảnh PNG hoặc JPG. Hữu ích để tạo bản xem trước trên mạng xã hội, mẫu email, hình ảnh tiêu đề blog hoặc ảnh chụp màn hình của nội dung theo kiểu.
Dán HTML trực tiếp hoặc tải lên tệp .html. Chọn định dạng đầu ra (PNG hoặc JPG) và chiều rộng. Kết quả là một kết xuất hoàn hảo đến từng pixel về giao diện của trang trong trình duyệt.
Cách chuyển đổi HTML sang hình ảnh
- Dán hoặc tải lên HTML của bạn. Nhập hoặc dán trực tiếp HTML của bạn hoặc thả tệp .html. CSS nội tuyến, các lớp, bố cục JS cơ bản — tất cả đều được hỗ trợ.
- Chọn định dạng và chiều rộng. PNG cho độ trong suốt và đồ họa, JPG cho ảnh. Chiều rộng 320-3840px kiểm soát kích thước hình ảnh được hiển thị.
- Kết xuất và tải xuống. Nhấp vào Kết xuất. Hình ảnh xuất hiện trong vài giây. Tải xuống dưới dạng PNG hoặc JPG.
Tại sao nên sử dụng HTML để hình ảnh?
Kết xuất hoàn hảo đến từng pixel
Một công cụ trình duyệt đầy đủ hiển thị HTML của bạn - phông chữ, CSS, độ dốc, SVG đều xuất hiện chính xác như trong một trình duyệt thực.
Kiểm soát chiều rộng tùy chỉnh
Đặt độ rộng pixel chính xác mà bạn cần — hoàn hảo cho bản xem trước trên mạng xã hội, tiêu đề blog, màn hình retina.
Không cần cài đặt
Chỉ trình duyệt. Hoạt động trên Windows, macOS, Linux, di động. Không có Chrome không đầu để cài đặt hoặc bảo trì.
Miễn phí, không có hình mờ
Không cần đăng ký, không có hạn ngạch, không có logo phủ lên đầu ra của bạn.
Câu hỏi thường gặp
Nó có hỗ trợ CSS nội tuyến và phông chữ bên ngoài không?
CSS nội tuyến, kiểu nhúng và Phông chữ Google được tải qua CDN đều hoạt động. JavaScript chạy nhưng hoàn thành trong một cửa sổ ngắn trước khi kết xuất.
Kích thước trang tối đa là bao nhiêu?
Tối đa 5 MB HTML, chiều rộng lên tới 3840px. Đối với các trang cao hơn, toàn bộ chiều cao nội dung sẽ được ghi lại tự động.
Tôi có thể sử dụng nó để xem trước trên mạng xã hội không?
Có - hoàn hảo cho hình ảnh Open Graph, thẻ Twitter, hình thu nhỏ tiêu đề blog. Đặt chiều rộng thành 1200 cho OG, 1200 cho thẻ Twitter.
Các tập tin của tôi có riêng tư không?
Đúng. HTML được hiển thị trong bộ nhớ và bị loại bỏ ngay lập tức. Không có gì được ghi lại.
Hãy giúp chúng tôi cải thiện
Hãy đánh giá công cụ này, phản hồi của bạn rất có giá trị!