실제와 같은 원본 문서와 ‘이미지-HTML’ 실행 후의 문서 상태 또는 출력 파일을 비교합니다.
후
이전
이미지-HTML

이미지를 HTML 변환기로 — JPG 또는 PNG를 HTML로 변환

손으로 스크린샷을 HTML로 다시 만드는 것은 이제 아침이 되었습니다. 이미지를 HTML(포함된 그림, 의미 있는 콘텐츠 또는 검색 가능한 텍스트 레이어)로 변환합니다.

  • 스크린샷을 마크업에 직접 다시 입력하는 것을 건너뛰세요.
  • 의미 있는 HTML, 삽입된 그림 또는 검색 가능한 텍스트 레이어를 가져옵니다.
  • 단 하나의 명확한 선택 — 필요하지 않은 설정 없음

JPG, PNG, WEBP 등

HTML이 여러분의 이미지를 어떻게 처리해야 하나요?

이미지 업로드

이미지를 올려놓으면 그림이 담긴 이동식 HTML 페이지를 받을 수 있어요.

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

이미지-HTML로 할 수 있는 일

시작하기 전에 주요 기능을 검토하세요.

  • 이미지를 OCR 없이 하나의 이식 가능한 HTML 파일에 넣기
  • 텍스트 단락과 지원되는 표를 시맨틱 HTML로 추출
  • 스크린샷 픽셀을 유지하고 검색 가능한 위치 지정 텍스트 레이어 추가
  • 인식이 필요할 때만 OCR 엔진과 언어를 선택하세요
  • 복사하거나 다운로드하기 전에 생성된 마크업 검토 및 편집

설정 참고

이미지-HTML에 사용 가능한 제어 기능입니다.

처리 방식프리셋
입력 하나를 처리하거나 Premium 일괄 처리 모드에서 여러 입력에 같은 설정을 적용하세요. 입력할 수 있는 자료의 종류는 도구마다 다릅니다.옵션: 단일 파일일괄 처리

모드

HTML이 여러분의 이미지를 어떻게 처리해야 하나요?프리셋
OCR 없는 이동 가능한 img 페이지, OCR 기반의 편집 가능한 의미 마크업, 또는 픽셀을 유지하면서 검색 가능한 단어를 겹쳐 표시하는 시각적 레이아웃 베타를 만듭니다.옵션: 이미지 표시하기콘텐츠 추출시각적 레이아웃 유지

엔진

엔진드롭다운
내용 또는 시각적 레이아웃 모드에서 이미지를 읽는 텍스트 인식 엔진을 선택합니다. 이미지 표시는 OCR을 실행하지 않습니다.옵션: 기본값엔진 1엔진 2
언어드롭다운
원본의 주요 언어를 선택하세요. 선택 가능한 언어는 인식 엔진에 따라 다르며, 지원하지 않는 언어는 표시되지 않습니다. 기본값은 영어입니다. 추출한 텍스트에 인식 오류가 없는지 확인하세요.옵션: 영어프랑스어독일어스페인어이탈리아어포르투갈어네덜란드어러시아어일본어한국어중국어(간체)중국어(번체)아랍어힌디어벵골어펀잡어우르두어베트남어태국어폴란드어스웨덴어덴마크어노르웨이어핀란드어터키어우크라이나어인도네시아어타밀어텔루구어마라티어네팔어페르시아어그리스어히브리어
추출 다시 실행원클릭
현재 선택한 엔진과 언어 설정으로 같은 파일에서 추출을 다시 실행합니다 — 결과가 부실하거나 실패했을 때 재시도하기 좋습니다.
무료 이용 · 회원가입 불필요 · 워터마크 없음업로드는 전송 중에 암호화됩니다.보관 정책에 따라 삭제됨

자주 묻는 질문

내용 추출을 선택하세요. OCR이 지원되는 표 구조를 감지하고 인식된 곳에서 의미 있는 표 요소를 생성합니다. 감지, 읽기 순서, 머리글 의미가 완벽하지 않을 수 있으므로, 접근성이나 게시에 활용하기 전에 편집 가능한 마크업을 검토하고 수정하세요.

features

다운로드하거나 복사한 HTML은 사용자 지정 HTML 블록에 넣을 수 있습니다. 이미지 표시하기는 자체 완결형 이미지 페이지를 만들고, 내용 추출하기는 편집 가능한 시맨틱 마크업을 만듭니다. 게시하기 전에 OCR 출력을 검토하고 사이트의 CSS 및 보안 규칙을 적용하세요.

usage

이 도구는 HTML 문서를 생성하지만, OCR은 수정이 필요한 내용이나 구조를 만들어낼 수 있습니다. 편집 가능한 소스를 검토하고, 직접 유효성 검사기와 접근성 검사를 실행하며, 자동 변환을 페이지가 모든 HTML 또는 WCAG 요구 사항을 충족한다는 보장으로 절대 여기지 마세요.

technical

Bootstrap, Tailwind 또는 스타일 유지 옵션은 없습니다. 시맨틱 모드는 여러분의 CSS를 위한 편집 가능한 구조를 제공합니다. 시각적 레이아웃 베타는 위치가 지정된 검색 가능한 텍스트와 함께 스크린샷 픽셀을 유지하지만, 네이티브 컨트롤이나 재사용 가능한 디자인 시스템을 다시 만들지는 않습니다.

technical

사용 권한이 있는 자료에 대해 지원되는 콘텐츠를 추출하거나, 검색 가능한 텍스트와 함께 스크린샷을 시각적으로 보존할 수 있습니다. 이 변환기는 이미지 속 사이트를 작동하는 HTML, CSS, JavaScript로 다시 만들지 않으며, 해당 콘텐츠를 재사용할 권한에 대한 책임은 사용자에게 있습니다.

usage

업로드는 보안 정책에 따라 삭제됩니다. 단, 결과를 직접 공유하면 해당 결과는 링크를 아는 누구나 열 수 있는 공개 링크에 최대 30일간 보관됩니다. 업로드는 모델 학습에 사용되지 않으며 HTML 출력에도 워터마크, 출처 표시 또는 추적 픽셀이 없습니다. 마크업은 귀하의 이미지에서 다시 구성됩니다. 귀하는 업로드한 파일과 결과 중 직접 기여한 부분에 대해 보유한 권리를 유지하며, Pixoate는 이에 대한 소유권을 주장하지 않습니다. 에이전시, 프리랜서 및 사내 팀이 랜딩 페이지, 비교표 및 문서를 제작하는 데 사용할 수 있습니다.

privacy

네. img 태그가 포함된 이식 가능한 페이지를 원하면 이미지 표시를, OCR로 만든 시맨틱 마크업을 원하면 콘텐츠 추출을, 원본 픽셀과 검색 가능한 위치 지정 텍스트를 함께 원하면 시각적 레이아웃 유지를 선택하세요. OCR 결과를 검토하세요. 어떤 모드도 이미지 속 컨트롤을 실제로 작동하는 애플리케이션으로 만들지는 않습니다.

usage

이미지 표시하기는 반응형 img 태그에 그림을 담은 이식 가능한 HTML 페이지 하나를 만들며 OCR은 실행하지 않습니다. 내용 추출하기는 지원되는 텍스트, 제목, 목록, 표를 읽어 편집 가능한 시맨틱 마크업으로 변환합니다. 시각적 레이아웃 유지는 스크린샷 픽셀을 그대로 두고 위치가 지정된 검색 가능한 OCR 단어를 추가하지만, 그림 속 컨트롤을 작동하는 HTML 구성 요소로 재구성하지는 않습니다.

usage

먼저 내용 추출 또는 시각적 레이아웃 유지를 선택하세요. 이미지 표시는 OCR을 사용하지 않으므로 엔진 설정이 없습니다. OCR 모드에서는 기본값, 엔진 1 또는 엔진 2를 고른 뒤 같은 업로드로 변환을 다시 실행하세요.

features

네. Settings의 Language 선택기를 사용해 스크린샷의 문자 체계에 맞추세요 — 비영어 UI 텍스트, 악센트가 있는 문자, 다국어 혼용 문서 페이지에 중요합니다. 드롭다운에는 현재 선택된 엔진이 지원하는 언어만 표시되므로, 엔진을 바꾸면 자동으로 업데이트됩니다.

usage

네 — 출력 보기에는 한쪽에 원시 HTML이 있는 편집 가능한 텍스트 영역, 다른 쪽에 실시간 렌더링된 미리보기가 표시되며 입력하는 대로 업데이트됩니다. 잘못 읽힌 셀을 고치거나, 태그를 조정하거나, 클래스를 추가하면, .html 파일을 복사하거나 다운로드하기 전에 미리보기가 즉시 변경 내용을 반영합니다.

features

양식화되었거나 안티앨리어싱이 적용된 UI 글꼴에는 엔진 2를 사용하고, 언어 선택기를 스크린샷의 텍스트에 맞춘 뒤 실시간 미리보기 창을 확인하세요. 행이나 열이 여전히 병합된 것처럼 보이면 다운로드하기 전에 텍스트 영역에서 HTML을 직접 편집하세요.

tips

예 — Pixoate는 일괄 처리 및 대량 처리를 지원합니다. 배치 모드로 전환하고 Premium에서 최대 60개, Pro에서 최대 200개의 이미지를 추가하고 옵션을 한 번 설정하면 단일 ZIP을 다운로드하기 전에 모든 이미지가 동일한 설정으로 처리됩니다. 대량 처리는 프리미엄 기능입니다. 출력은 단일 모드와 동일한 품질과 설정을 사용합니다.

features

예. 대량 처리를 사용하면 설정을 한 번만 구성하면 일괄 처리의 모든 항목에 적용됩니다(Premium의 경우 최대 60개 이미지, Pro의 경우 최대 200개). 항목별로 반복 설정이 필요 없으며, 임시 업로드 및 생성된 파일은 안전하게 처리되어 자동으로 삭제됩니다.

usage

대부분 다음 세 가지 중 하나가 원인입니다. 파일이 무료 업로드 한도인 11 MB 용량을 초과했을 수 있습니다. Premium 플랜은 50 MB, Pro 플랜은 120 MB 크기까지 지원합니다. 또는 이 도구에서 지원하지 않는 형식일 수 있으므로 업로드 패널의 목록을 확인하세요. 파일 이름에 표시된 형식과 실제 내용이 다를 수도 있습니다. 이름을 바꿔도 파일 내부 형식은 바뀌지 않기 때문에 정상으로 보이는 스캔이나 사진도 거부될 수 있습니다.

troubleshooting

정확도는 어떤 설정보다 소스 이미지를 더 많이 추적합니다. 비스듬히 두지 않고 똑바로 촬영하거나 스캔하고, 페이지 전체에 그림자가 드리워지지 않고 균일한 빛을 얻고, 프레임을 문서로 채웁니다. 실행하기 전에 언어를 설정하세요. 잘못된 알파벳을 추측하는 OCR은 말도 안되는 출력의 일반적인 원인입니다. 결과에 의존하기 전에 항상 결과를 읽어보십시오.

troubleshooting

아니요. Image to HTML을 실행하고 계정 없이 무료 결과를 다운로드할 수 있으며 워터마크가 없습니다. 프리미엄은 한 배치에 최대 60개 파일, 더 큰 업로드, 일일 한도 없음, 원본 해상도 결과 등 한도가 다가오기 시작할 때 구입하는 것입니다. 시작하기 전에 표시되지 않았던 다운로드 단계에서는 아무것도 표시되지 않습니다.

pricing

아니요. 이 도구는 데스크톱과 휴대폰의 브라우저에서 실행됩니다. 설치하거나 체험판을 시작하거나 라이선스를 구매할 필요 없이 필요한 기능인지 확인할 수 있습니다. 예제 대신 실제로 해결하려는 파일로 사용해 보세요.

troubleshooting

이미지-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로 변환하여, 흐릿하게 삽입된 사진 대신 실제로 스크롤되는 표를 고객에게 보여주세요.

각 변화를 확인하세요

사진을 업로드하고 필요한 설정을 선택한 뒤, 미리보기에서 결과를 확인하고 다운로드하세요. AI 생성 또는 편집 결과는 사용 전에 피사체와 세부 사항을 원본과 비교해 검토하세요.