Tài liệu nguồn mô phỏng thực tế, tiếp theo là trạng thái thực tế của tài liệu hoặc tệp đầu ra từ “Ảnh sang HTML”.
Sau
Trước
Ảnh sang HTML

Trình chuyển đổi hình ảnh sang HTML - Chuyển đổi JPG hoặc PNG sang HTML

Việc xây dựng lại ảnh chụp màn hình dưới dạng HTML bằng tay chỉ là một buổi sáng. Chuyển đổi hình ảnh sang HTML — hình ảnh được nhúng, nội dung ngữ nghĩa hoặc lớp văn bản có thể tìm kiếm.

  • Bỏ qua việc gõ lại ảnh chụp màn hình vào phần đánh dấu bằng tay
  • Nhận HTML ngữ nghĩa, hình ảnh được nhúng hoặc lớp văn bản có thể tìm kiếm
  • Một lựa chọn rõ ràng trước mắt — bạn không cần cài đặt nào

JPG, PNG, WEBP và hơn thế nữa

HTML nên làm gì với hình ảnh của bạn?

Tải ảnh lên

Thả một hình ảnh — nhận một trang HTML gọn nhẹ có hình ảnh bên trong.

All image formats (JPG, PNG, WEBP, HEIC, TIFF…)

Bạn có thể làm gì với Ảnh sang HTML

Xem lại các khả năng chính trước khi bạn bắt đầu.

  • Đặt một hình ảnh vào một tệp HTML gọn nhẹ duy nhất, không dùng OCR
  • Trích xuất các đoạn văn bản và bảng được hỗ trợ thành HTML ngữ nghĩa
  • Giữ nguyên điểm ảnh của ảnh chụp màn hình và thêm một lớp văn bản định vị tìm kiếm được
  • Chỉ chọn engine OCR và ngôn ngữ khi cần nhận dạng
  • Xem lại và chỉnh sửa mã được tạo trước khi sao chép hoặc tải xuống

Tham khảo cài đặt

Các điều khiển có sẵn cho Ảnh sang HTML.

Chế độ xử lýCài đặt sẵn
Xử lý một đầu vào hoặc chuyển sang chế độ theo lô của Premium để áp dụng cùng thiết lập cho nhiều đầu vào. Loại đầu vào được hỗ trợ tùy thuộc vào công cụ.Tùy chọn: Tệp đơn lẻHàng loạt

Chế độ

HTML nên làm gì với hình ảnh của bạn?Cài đặt sẵn
Tạo một trang img di động không có OCR, phần đánh dấu ngữ nghĩa có thể chỉnh sửa từ OCR, hoặc một bản beta bố cục trực quan giữ nguyên các điểm ảnh và phủ lên các từ có thể tìm kiếm.Tùy chọn: Hiển thị hình ảnhTrích xuất nội dungGiữ bố cục trực quan

Bộ máy

Bộ máyDanh sách thả xuống
Chọn engine nhận dạng văn bản nào sẽ đọc hình ảnh ở chế độ nội dung hoặc bố cục trực quan; Hiển thị hình ảnh không chạy OCR.Tùy chọn: Mặc địnhBộ máy 1Bộ máy 2
Ngôn ngữDanh sách thả xuống
Choose the main language in the source. The available choices depend on the selected reader; unsupported languages are hidden. English is the default. Review the extracted text for recognition errors.Tùy chọn: Tiếng AnhTiếng PhápTiếng ĐứcTiếng Tây Ban NhaTiếng ÝTiếng Bồ Đào NhaTiếng Hà LanTiếng NgaTiếng NhậtTiếng HànTiếng Trung (Giản thể)Tiếng Trung (Phồn thể)Tiếng Ả RậpTiếng HindiTiếng BengalTiếng Punjabtiếng UrduTiếng ViệtTiếng TháiTrau chuốtTiếng Thụy ĐiểnTiếng Đan MạchTiếng Na UyTiếng Phần Lantiếng Thổ Nhĩ Kỳtiếng UkrainaTiếng IndonesiaTiếng TamilTiếng TeluguTiếng MarathiTiếng NepalTiếng Ba TưTiếng Hy LạpTiếng Do Thái
Chạy lại trích xuấtMột cú nhấp
Chạy lại quá trình trích xuất trên cùng tệp đó với lựa chọn Công cụ và Ngôn ngữ hiện tại — tiện lợi để thử lại sau một lần chạy kém hoặc thất bại.
Sử dụng miễn phí · Không cần đăng ký · Không có hình mờTải lên được mã hóa trong quá trình chuyển tiếpĐã bị xóa theo chính sách lưu trữ của chúng tôi

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

Chọn Trích xuất nội dung. OCR phát hiện cấu trúc bảng được hỗ trợ và tạo ra các phần tử bảng có ngữ nghĩa ở những nơi nhận dạng được. Việc phát hiện, thứ tự đọc và ngữ nghĩa tiêu đề có thể chưa hoàn hảo, vì vậy hãy kiểm tra và chỉnh sửa lại phần đánh dấu có thể chỉnh sửa trước khi dựa vào nó cho mục đích trợ năng hoặc xuất bản.

features

HTML đã tải xuống hoặc sao chép có thể được đặt trong một khối HTML tùy chỉnh. Hiển thị hình ảnh tạo ra một trang hình ảnh khép kín; Trích xuất nội dung tạo ra mã ngữ nghĩa có thể chỉnh sửa. Hãy xem lại kết quả OCR và sử dụng các quy tắc CSS và bảo mật của trang web của bạn trước khi xuất bản.

usage

Công cụ tạo ra một tài liệu HTML, nhưng OCR có thể tạo ra nội dung hoặc cấu trúc cần chỉnh sửa. Hãy xem lại mã nguồn có thể chỉnh sửa, chạy trình xác thực và kiểm tra khả năng truy cập của riêng bạn, và đừng bao giờ coi việc chuyển đổi tự động là sự đảm bảo rằng một trang đáp ứng mọi yêu cầu HTML hoặc WCAG.

technical

Không có các tùy chọn Bootstrap, Tailwind hay giữ nguyên kiểu dáng. Chế độ ngữ nghĩa cung cấp cấu trúc có thể chỉnh sửa cho CSS của riêng bạn. Bản beta bố cục trực quan giữ lại các điểm ảnh của ảnh chụp màn hình với văn bản được định vị có thể tìm kiếm; nó không tái tạo các điều khiển gốc hoặc một hệ thống thiết kế có thể tái sử dụng.

technical

Bạn có thể trích xuất nội dung được hỗ trợ đối với tư liệu bạn được phép sử dụng, hoặc giữ nguyên ảnh chụp màn hình dưới dạng hình ảnh kèm chữ có thể tìm kiếm. Bộ chuyển đổi không tái tạo một trang web trong ảnh thành HTML, CSS và JavaScript hoạt động được, và bạn vẫn chịu trách nhiệm về quyền sử dụng lại nội dung đó.

usage

Tệp tải lên bị xóa theo Chính sách bảo mật của chúng tôi. Trường hợp ngoại lệ là khi bạn chủ động chia sẻ kết quả: kết quả đó sẽ được giữ tối đa 30 ngày tại một liên kết công khai mà bất kỳ ai có liên kết đều có thể mở. Tệp không bao giờ được dùng để huấn luyện mô hình, đồng thời HTML đầu ra không có dấu mờ, ghi công hay pixel theo dõi. Mã đánh dấu được dựng lại từ chính hình ảnh của bạn. Bạn giữ các quyền hiện có đối với tệp mình tải lên và phần đóng góp nguyên gốc của mình trong kết quả; Pixoate không tuyên bố quyền sở hữu đối với những nội dung đó. Các công ty dịch vụ, chuyên gia tự do và nhóm nội bộ dùng công cụ này để xuất bản trang đích, bảng so sánh và tài liệu.

privacy

Có. Chọn Hiển thị hình ảnh để có một trang gọn nhẹ dùng thẻ img, Trích xuất nội dung để có mã ngữ nghĩa dựng từ OCR, hoặc Giữ bố cục hình ảnh để lưu các điểm ảnh gốc kèm chữ được định vị và có thể tìm kiếm. Hãy kiểm tra kết quả OCR; không chế độ nào biến các nút điều khiển trong ảnh thành một ứng dụng hoạt động được.

usage

Hiển thị hình ảnh tạo ra một trang HTML di động với ảnh trong thẻ img đáp ứng và không chạy OCR. Trích xuất nội dung đọc văn bản, tiêu đề, danh sách và bảng được hỗ trợ thành mã ngữ nghĩa có thể chỉnh sửa. Giữ bố cục trực quan giữ lại các điểm ảnh của ảnh chụp màn hình và thêm các từ OCR có thể tìm kiếm được định vị; nó không dựng lại các điều khiển trong ảnh thành các thành phần HTML hoạt động.

usage

Trước tiên hãy chọn Trích xuất nội dung hoặc Giữ bố cục trực quan; Hiển thị hình ảnh không dùng OCR nên không có cài đặt engine. Ở chế độ OCR, chọn Mặc định, Engine 1 hoặc Engine 2, rồi chạy lại quá trình chuyển đổi với cùng tệp đã tải lên.

features

Có. Dùng bộ chọn Language trong Settings để khớp với hệ chữ viết trong ảnh chụp màn hình của bạn — điều này quan trọng với văn bản giao diện không phải tiếng Anh, ký tự có dấu và các trang tài liệu đa ngôn ngữ. Danh sách chỉ liệt kê những ngôn ngữ mà engine hiện được chọn hỗ trợ, nên nó tự cập nhật nếu bạn đổi engine.

usage

Có — chế độ xem đầu ra hiển thị một vùng văn bản chỉnh sửa được với HTML thô ở một bên và một bản xem trước dựng trực tiếp ở bên kia, cập nhật khi bạn gõ. Sửa một ô bị đọc sai, chỉnh một thẻ, hoặc thêm một class, và bản xem trước phản ánh thay đổi của bạn ngay lập tức trước khi bạn sao chép hoặc tải xuống tệp .html.

features

Dùng Engine 2 cho các phông giao diện cách điệu hoặc khử răng cưa, đặt bộ chọn Ngôn ngữ khớp với văn bản trong ảnh chụp màn hình, rồi kiểm tra khung xem trước trực tiếp — nếu một hàng hoặc cột vẫn trông bị gộp, hãy chỉnh sửa HTML trực tiếp trong ô văn bản trước khi tải xuống.

tips

Có — Pixoate hỗ trợ xử lý hàng loạt và hàng loạt. Chuyển sang chế độ Hàng loạt, thêm tối đa 60 hình ảnh trên Premium hoặc 200 trên Pro, đặt các tùy chọn của bạn một lần và mọi hình ảnh đều được xử lý với cùng cài đặt trước khi bạn tải xuống một ZIP. Xử lý hàng loạt là một tính năng Cao cấp; đầu ra sử dụng cùng chất lượng và cài đặt như chế độ đơn.

features

Có — với tính năng xử lý hàng loạt, bạn định cấu hình cài đặt một lần và chúng áp dụng cho mọi mục trong lô — tối đa 60 hình ảnh trên Premium hoặc 200 trên Pro. Không cần phải lặp lại thiết lập cho mỗi mục và các tệp được tạo và tải lên tạm thời sẽ được xử lý an toàn và tự động xóa.

usage

Gần như luôn do một trong ba nguyên nhân. Tệp vượt quá giới hạn tải lên miễn phí 11 MB — Premium hỗ trợ 50 MB và Pro 120 MB. Hoặc định dạng không được công cụ này hỗ trợ, vì vậy hãy kiểm tra danh sách trên bảng tải lên. Hoặc tệp không thực sự có định dạng như tên gọi: đổi tên tệp không làm thay đổi nội dung bên trong, và đó là lý do một bản quét hoặc ảnh có vẻ hợp lệ vẫn bị từ chối.

troubleshooting

Độ chính xác theo dõi hình ảnh nguồn nhiều hơn bất kỳ cài đặt nào. Chụp hoặc quét thẳng thay vì theo một góc, lấy được ánh sáng đều, không có bóng đổ trên trang và lấp đầy khung bằng tài liệu. Đặt ngôn ngữ trước khi chạy - OCR đoán sai bảng chữ cái là nguyên nhân thông thường dẫn đến kết quả trông giống như vô nghĩa. Luôn đọc kết quả trước khi bạn dựa vào nó.

troubleshooting

Không. Bạn có thể chạy Hình ảnh sang HTML và tải xuống kết quả miễn phí mà không cần có tài khoản và kết quả đó không có hình mờ. Premium là thứ bạn mua khi giới hạn bắt đầu bị giới hạn: tối đa 60 tệp trong một đợt, tải lên lớn hơn, không có giới hạn hàng ngày và kết quả có độ phân giải gốc. Không có gì được tiết lộ ở bước tải xuống mà bạn không thể nhìn thấy trước khi bắt đầu.

pricing

Không — Hình ảnh sang HTML chạy trong trình duyệt trên máy tính để bàn và điện thoại. Không cần cài đặt gì, không cần dùng thử để bắt đầu và không cần mua giấy phép trước khi bạn có thể xem liệu nó có đáp ứng được những gì bạn cần hay không. Hãy thử nó trên tập tin mà bạn thực sự đang gặp khó khăn thay vì một tập tin mẫu.

troubleshooting

Ảnh sang HTML giúp bạn hoàn thành công việc như thế nào

Những vấn đề thực tế mà nó giải quyết hàng ngày — cho doanh nghiệp, người sáng tạo và các công việc hàng ngày. Tìm trường hợp sử dụng phù hợp với bạn và bắt đầu.

Cho người sáng tạo

Trang web từ bản thiết kế mẫu của nhà thiết kế

Chuyển ảnh chụp màn hình do nhà thiết kế cung cấp thành HTML khởi đầu với phần tử <table> thực và mã đánh dấu ngữ nghĩa mà bạn có thể bàn giao cho lập trình viên hoặc dùng trực tiếp trong CMS.

Cho doanh nghiệp

Di chuyển CMS từ các tệp PDF cũ

Chuyển bảng giá, mục câu hỏi thường gặp và bảng so sánh tính năng từ tờ rơi PDF cũ vào trang WordPress, Webflow hay Shopify hiện đại chỉ bằng một lần dán.

Cho doanh nghiệp

Bảng trong bản tin email

Tạo bảng HTML an toàn cho email, chính xác đến từng pixel từ ảnh chụp thiết kế cho Mailchimp, Klaviyo và HubSpot Email — mà không cần viết tay mã <table>.

Cho doanh nghiệp

Bảng giá trên trang đích SaaS

Chuyển đổi bản mockup trang bảng giá thành bảng giá HTML responsive cho trang đích SaaS của bạn, sẵn sàng đưa vào framework trang tiếp thị bạn đang dùng.

Cho doanh nghiệp

Bảng so sánh trên blog affiliate

Người làm tiếp thị affiliate chuyển đổi ảnh chụp màn hình so sánh sản phẩm thành bảng HTML ngữ nghĩa cho bài đánh giá để công cụ tìm kiếm và người đọc nắm bắt dữ liệu tức thì.

Cho doanh nghiệp

Trang lịch trình hội nghị

Chuyển đổi chương trình hội nghị in sẵn thành trang lịch trình HTML với mã <table> thực thụ, co giãn được trên di động và tích hợp với trang web sự kiện của bạn.

Cho người sáng tạo

Trang web công thức có bảng nguyên liệu

Các blogger ẩm thực chuyển đổi trang công thức in thành HTML gọn gàng với bảng nguyên liệu có cấu trúc và hướng dẫn từng bước, sẵn sàng cho WordPress hoặc Ghost.

Cho doanh nghiệp

Bảng tài liệu API

Đội ngũ quan hệ lập trình viên chuyển ảnh chụp tài liệu tham chiếu API từ PDF nội bộ thành bảng HTML cho các trang tài liệu công khai dựng trên GitBook, Mintlify hoặc Docusaurus.

Hợp pháp

Bảng tuân thủ và công bố thông tin cho website

Chuyển một bảng điều khoản, biểu phí hay bảng công bố quy định đã quét thành HTML có ngữ nghĩa để bạn đăng lên trang tuân thủ — mã đánh dấu dễ tiếp cận mà cả trình đọc màn hình lẫn kiểm toán viên đều phân tích được.

Bất động sản

Bảng thông số bất động sản cho trang tin đăng

Biến bảng thông số của một tờ giới thiệu bất động sản được chụp ảnh — kích thước phòng, tiện ích, phí HOA — thành một bảng HTML sẵn sàng nhúng vào trang rao bán bất động sản hay nguồn cấp phân phối MLS.

Sự nghiệp & Nhân sự

Bảng so sánh lương & công việc

Chuyển ảnh chụp màn hình khảo sát lương hay biểu đồ so sánh phúc lợi thành HTML gọn gàng cho trang tuyển dụng hoặc tin đăng việc làm, để ứng viên thực sự đọc được các con số trên di động.

Cho thương mại điện tử

Bảng thông số sản phẩm cho tin đăng thương mại điện tử

Chuyển một bảng thông số sản phẩm đã quét — bảng kích cỡ, thông số kỹ thuật, phân tích chất liệu hay thành phần — thành HTML có ngữ nghĩa để bạn dán thẳng vào mô tả sản phẩm trên Shopify, WooCommerce hay BigCommerce, mang đến cho người mua một bảng cuộn được thực sự thay vì một tấm ảnh nhúng mờ nhòe.

Ngắm nhìn từng vùng đất chuyển hóa

Mỗi bức ảnh đều vượt qua dấu gạch chéo và đi ra phía bên kia.