HTML sang ảnh

Kết xuất mã HTML thô hoặc bất kỳ URL trang web thực nào thành ảnh PNG, JPG hoặc PDF. Chọn chiều rộng khung nhìn, chụp toàn trang và tải xuống ngay lập tức.

Bạn muốn tạo SVG thay vào đó? Hãy thử công cụ HTML sang SVG.

Biến trang web thành hình ảnh

Chụp ảnh màn hình chính xác từng pixel của bất kỳ website nào hoặc xem trước đoạn mã HTML dưới dạng ảnh có thể chia sẻ. Rất hữu ích cho tài liệu, thẻ chia sẻ mạng xã hội, bản phác thảo thiết kế, lưu trữ và báo cáo lỗi.

Khi nào nên chuyển trang web thành ảnh

Ảnh chụp màn hình lưu giữ chính xác giao diện trang tại một thời điểm, hữu ích cho nhiều mục đích hơn là chỉ chia sẻ nhanh. Đội hỗ trợ đính kèm ảnh chụp toàn trang vào báo cáo lỗi để nhà phát triển thấy được bố cục bị lỗi trong bối cảnh thực tế. Người viết nhúng đoạn mã đã kết xuất vào tài liệu hướng dẫn mà không cần dựng lại trang thủ công. Nhà tiếp thị lưu trữ trang đích để đánh giá thiết kế và so sánh trước-sau, còn nhà nghiên cứu lưu lại các bài viết có thể thay đổi hoặc biến mất. Vì bạn có thể kiểm soát chiều rộng khung nhìn, cùng một URL có thể được chụp theo bố cục máy tính, máy tính bảng hoặc di động chỉ bằng cách thay đổi một con số.

PNG, JPG hay PDF - Nên chọn định dạng nào?

Chọn PNG khi trang chứa văn bản sắc nét, thành phần giao diện hoặc màu phẳng - đây là định dạng không mất dữ liệu nên các cạnh luôn sắc nét. Chọn JPG cho các trang nhiều ảnh khi dung lượng tệp nhỏ quan trọng hơn văn bản sắc nét từng pixel. Chọn PDF khi bạn muốn có bản ghi có thể in và cuộn được cho một bài viết dài. Dù chọn định dạng nào, trang cũng được kết xuất trên máy chủ của chúng tôi bởi một trình duyệt headless thực sự, vì vậy CSS, phông chữ web và bố cục được ghi lại đúng như những gì người xem thực sự thấy.

Câu hỏi thường gặp

Mọi điều bạn cần biết về việc chuyển HTML thành ảnh.

Bạn có thể chụp bất kỳ trang web công khai nào. Các trang yêu cầu đăng nhập, hoặc địa chỉ riêng tư/nội bộ, không thể kết xuất vì lý do bảo mật.

Xuất ảnh chụp màn hình dạng PNG hoặc JPG, hoặc tệp PDF sẵn sàng để in của trang. Đặt chiều rộng khung nhìn để kiểm soát cách bố cục hiển thị.

Có. Chuyển sang tab “Từ mã HTML” và dán bất kỳ mã HTML nào — bao gồm CSS nội tuyến — để kết xuất chính xác như trình duyệt hiển thị.

Thiết lập chiều rộng kiểm soát cửa sổ trình duyệt dùng để kết xuất. Dùng 1280px cho bố cục máy tính thông thường, 1920px cho Full HD, hoặc chiều rộng hẹp như 390px để chụp phiên bản di động của trang.

Khi bật tùy chọn toàn trang, toàn bộ chiều dài của trang được chụp trong một ảnh dài, không chỉ phần hiển thị trên màn hình. Bỏ chọn để chỉ chụp phần khung nhìn ban đầu.

Công cụ này kết xuất trang hoặc mã của bạn bằng một trình duyệt thực sự và trả về ảnh pixel hoặc PDF. Công cụ HTML sang SVG thì bọc mã của bạn trong một tệp vector có thể co giãn ngay trong trình duyệt, mà không rasterize nó.