Convert images to clean HTML
Turn screenshots and scans into semantic HTML with real tables, paragraphs and lists. A side-by-side preview lets you see and edit the markup before downloading.
- Real <table> elements extracted from your image
- Accurate OCR in 30+ languages
- Private processing · Files deleted automatically
JPG, PNG, WEBP and more · Secure processing
이미지 업로드
Drop a screenshot — get back clean HTML with real <table> markup to paste.
PNG, JPG, WEBP, GIF, TIFF, BMP
What you can do with 이미지-HTML
Everything this tool helps you accomplish — no learning curve, no setup.
- Convert screenshots into clean HTML markup
- Rebuild tables as real HTML table elements
- Turn design mockups into structured web code
- Extract text and layout in your chosen language
- Re-run extraction to fine-tune the result
- Skip retyping content into your webpage
Settings information
3 settings
Every control in 이미지-HTML, explained — what it does and when to use it.
엔진
- 엔진Dropdown
- 파일을 읽어 들일 텍스트 인식 엔진을 선택합니다. 기본값이 장식적인 글꼴이나 손글씨를 잘못 읽는다면 엔진 1 또는 엔진 2로 바꿔 보세요 — 결과는 자동으로 새로 고쳐집니다.옵션: 기본값엔진 1엔진 2
- 언어Dropdown
- 원본 텍스트가 어떤 언어로 쓰였는지 지정해 문자를 정확하게 인식하도록 합니다. 검색 가능한 선택기에는 선택한 엔진이 지원하는 언어만 표시되며, 기본값은 영어입니다.옵션: EnglishFrenchGermanSpanishItalianPortugueseDutchRussianJapaneseKoreanChinese (Simplified)Chinese (Traditional)ArabicHindiBengaliPunjabiUrduVietnameseThaiPolishSwedishDanishNorwegianFinnishTurkishUkrainianIndonesianTamilTeluguMarathiNepaliPersianGreekHebrew
- 추출 다시 실행One-click
- 현재 선택한 엔진과 언어 설정으로 같은 파일에서 추출을 다시 실행합니다 — 결과가 부실하거나 실패했을 때 재시도하기 좋습니다.
이미지-HTML 작업을 마치셨나요? 다음 도구를 사용해 보세요
이미지-HTML와 잘 어울리는 엄선된 도구입니다. 파일을 잃지 않고 계속 작업하세요.
이미지-텍스트 (OCR)
Stop retyping screenshots and scans. Upload any image and get clean, editable text in 30+ languages — ready to copy in seconds. Free to start.
지금 사용해 보기이미지-Markdown
Stop rebuilding docs by hand. Upload a screenshot or photo and get Markdown with tables, headings and lists preserved — ready to paste into your docs in seconds.
지금 사용해 보기HTML 정리
Exported HTML is a wall of text. Paste or drop a file for consistent indentation you can actually read — or minify it to one line for production, instantly in your browser.
지금 사용해 보기PDF를 HTML로
Get semantic HTML with real table markup you can paste straight into your site or CMS — works on scanned PDFs too, done in seconds. Free to start, no credit card.
지금 사용해 보기이미지-Word
Don't retype scanned pages. Upload a photo, screenshot or scan and download a fully editable .docx with the text extracted — ready in seconds.
지금 사용해 보기이미지-PDF
Turn JPG, PNG, WEBP or HEIC images into a single multi-page PDF — drag to reorder, preview, and download in seconds. Free to start, no credit card.
지금 사용해 보기자주 묻는 질문
OCR 엔진은 먼저 행과 열 구조를 감지한 뒤, 모든 브라우저, 이메일 클라이언트, CMS에서 작동하는 실제 <table>, <thead>, <tbody>, <tr>, <th>, <td> 요소를 생성합니다. CSS 꼼수도, flexbox 표도, 중첩된 <div> 그리드도 없이, 유효성 검사를 통과하고 별도 설정 없이 스크린 리더로 접근 가능한 깔끔한 HTML5만 제공합니다.
features네. WordPress HTML 블록, Webflow 임베드, Wix HTML 요소, Shopify Liquid 템플릿에 붙여넣으면 표가 즉시 렌더링됩니다. 이 마크업은 의존성이 없어(JavaScript도, 외부 CSS도 없음) 편집기 간 복사·붙여넣기와 테마 전환에도 깨지지 않고 유지됩니다.
usage네. 태그는 균형이 맞고 올바르게 중첩되며, 속성 값은 큰따옴표로 묶이고, HTML5 doctype 규칙이 준수됩니다. 출력을 W3C 검사기에 통과시키면 합격합니다. 스크린 리더 안내가 필요한 데이터 중심 표의 접근성을 높이기 위해 ARIA 역할을 수동으로 추가할 수 있습니다.
technical기본적으로 출력물에는 스타일이 적용되지 않아 기존 사이트 테마를 그대로 따릅니다. 선택 옵션으로 Bootstrap(class="table table-striped"), Tailwind 유틸리티 클래스, 또는 이메일에 안전한 렌더링을 위한 기본 인라인 스타일을 추가할 수 있습니다. 접근성을 위해 헤더 셀에 scope="col"을 추가하세요. 이 도구는 감지된 헤더 행에 이를 자동으로 삽입합니다.
technical예 — 레이아웃 참고와 개인 학습 용도로 가능합니다. 결과물은 표 구조를 재구성하지만, 다른 사이트의 콘텐츠를 다시 게시할 권리가 있는지 항상 확인하세요. 이 도구는 주로 보호된 콘텐츠를 긁어모으기 위해서가 아니라, 자신의 오래된 PDF와 스크린샷을 최신 CMS로 다시 옮기는 데 사용됩니다.
usageUploads are auto-deleted within 24 hours — unless you explicitly share a result, which keeps it at a public link anyone who has it can open for up to 30 days — never used to train models, and the HTML output carries no watermark, attribution or tracking pixel. The markup is rebuilt from your own image: You keep ownership of the files you upload and the results you create — we claim no rights in them. Agencies, freelancers and in-house teams use it to ship landing pages, comparison tables and documentation.
privacy네 — PNG, JPG 또는 스크린샷을 끌어다 놓으면 OCR이 텍스트, 표, 목록을 복사하거나 다운로드할 수 있는 깔끔한 시맨틱 HTML로 재구성합니다. 시각적 CSS 디자인이 아닌 콘텐츠 구조(실제 <table>, 제목, 목록)를 추출하므로, 텍스트와 데이터 표를 CMS, 이메일, 블로그 게시물로 옮기는 데 안성맞춤입니다.
usage사이드 패널에서 Engine 설정을 열어 일반 스크린샷에는 기본 엔진을 고르거나, 이미지의 표 머리글이나 스타일화된 글꼴이 제대로 읽히지 않으면 Engine 1 또는 Engine 2로 전환하세요. 변경한 후 Re-run extraction을 클릭해 새 엔진으로 HTML을 재생성하세요.
features네. Settings의 Language 선택기를 사용해 스크린샷의 문자 체계에 맞추세요 — 비영어 UI 텍스트, 악센트가 있는 문자, 다국어 혼용 문서 페이지에 중요합니다. 드롭다운에는 현재 선택된 엔진이 지원하는 언어만 표시되므로, 엔진을 바꾸면 자동으로 업데이트됩니다.
usage네 — 출력 보기에는 한쪽에 원시 HTML이 있는 편집 가능한 텍스트 영역, 다른 쪽에 실시간 렌더링된 미리보기가 표시되며 입력하는 대로 업데이트됩니다. 잘못 읽힌 셀을 고치거나, 태그를 조정하거나, 클래스를 추가하면, .html 파일을 복사하거나 다운로드하기 전에 미리보기가 즉시 변경 내용을 반영합니다.
features양식화되었거나 안티앨리어싱이 적용된 UI 글꼴에는 엔진 2를 사용하고, 언어 선택기를 스크린샷의 텍스트에 맞춘 뒤 실시간 미리보기 창을 확인하세요. 행이나 열이 여전히 병합된 것처럼 보이면 다운로드하기 전에 텍스트 영역에서 HTML을 직접 편집하세요.
tips예 — Pixoate는 일괄 처리 및 대량 처리를 지원합니다. 배치 모드로 전환하고 Premium에서 최대 60개, Pro에서 최대 200개의 이미지를 추가하고 옵션을 한 번 설정하면 단일 ZIP을 다운로드하기 전에 모든 이미지가 동일한 설정으로 처리됩니다. 대량 처리는 프리미엄 기능입니다. 출력은 단일 모드와 동일한 품질과 설정을 사용합니다.
features예. 대량 처리를 사용하면 설정을 한 번만 구성하면 일괄 처리의 모든 항목에 적용됩니다(Premium의 경우 최대 60개 이미지, Pro의 경우 최대 200개). 항목별로 반복 설정이 필요 없으며, 임시 업로드 및 생성된 파일은 안전하게 처리되어 자동으로 삭제됩니다.
usage이미지-HTML가 작업을 완수하도록 돕는 방법
비즈니스, 크리에이터, 일상 작업에서 매일 해결하는 실제 문제들. 나에게 맞는 활용 사례를 찾아 몇 초 만에 시작하세요.
디자이너 목업으로 만드는 웹페이지
디자이너가 제공한 스크린샷을 실제 <table> 요소와 시맨틱 마크업이 담긴 시작용 HTML로 변환하세요. 개발자에게 그대로 넘기거나 CMS에서 바로 사용할 수 있습니다.
기존 PDF에서 CMS로 마이그레이션
오래된 PDF 브로셔의 가격표, FAQ 섹션, 기능 비교를 한 번의 붙여넣기로 최신 WordPress, Webflow 또는 Shopify 페이지로 옮기세요.
이메일 뉴스레터 표
디자이너 스크린샷에서 픽셀 단위로 정확하고 이메일에 안전한 HTML 테이블을 Mailchimp, Klaviyo, HubSpot Email용으로 만드세요. <table> 마크업을 직접 작성할 필요가 없습니다.
SaaS 랜딩 페이지 가격표
가격 페이지 목업을 SaaS 랜딩 페이지용 반응형 HTML 가격표로 변환하세요. 이미 사용 중인 마케팅 사이트 프레임워크에 바로 넣을 수 있습니다.
제휴 블로그 비교 차트
제휴 마케터는 제품 비교 스크린샷을 리뷰 게시물용 시맨틱 HTML 표로 변환해 검색 엔진과 독자가 데이터를 즉시 파악할 수 있게 합니다.
컨퍼런스 일정 페이지
인쇄된 컨퍼런스 일정표를 실제 <table> 마크업이 포함된 HTML 일정 페이지로 변환하세요. 모바일에 맞게 조정되고 행사 웹사이트와 연동됩니다.
재료 표가 있는 레시피 사이트
음식 블로거는 인쇄된 레시피 페이지를 정돈된 재료 표와 단계별 안내가 담긴 깔끔한 HTML로 변환하여 WordPress나 Ghost에 바로 올립니다.
API 문서 표
개발자 관계 팀은 내부 PDF의 API 레퍼런스 스크린샷을 HTML 표로 변환해 GitBook, Mintlify, Docusaurus로 구축한 공개 문서 사이트에 활용합니다.
웹사이트용 규정 준수 및 공개 표
스캔한 약관 시트, 수수료 안내표 또는 규제 공시 표를 컴플라이언스 페이지에 게시할 수 있는 시맨틱 HTML로 변환하세요. 화면 낭독기와 감사자 모두가 해석할 수 있는 접근성 있는 마크업입니다.
매물 페이지용 부동산 사양서
촬영한 부동산 브로슈어의 사양표(방 치수, 편의시설, HOA 관리비)를, 부동산 매물 페이지나 MLS 신디케이션 피드에 삽입할 준비가 된 HTML 표로 변환하세요.
급여 및 직무 비교 표
스크린샷으로 찍은 연봉 조사나 복리후생 비교표를 채용 페이지나 구인 게시판용 깔끔한 HTML로 변환하여 지원자가 모바일에서도 수치를 제대로 읽을 수 있게 하세요.
전자상거래 판매 등록용 제품 사양서
스캔한 제품 사양표 — 사이즈 차트, 기술 사양, 소재 또는 성분 구성 — 를 Shopify, WooCommerce 또는 BigCommerce 상품 설명에 바로 붙여넣을 수 있는 시맨틱 HTML로 변환하여, 흐릿하게 삽입된 사진 대신 실제로 스크롤되는 표를 고객에게 보여주세요.
