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.
エンジン
- エンジンドロップダウン
- ファイルを読み取る文字認識エンジンを選びます。「デフォルト」が装飾的なフォントや手書き文字を誤認識する場合は、「エンジン1」または「エンジン2」に切り替えてください — 結果は自動的に更新されます。オプション: デフォルトエンジン1エンジン2
- 言語ドロップダウン
- 元のテキストが書かれている言語を設定し、文字を正確に認識させます。検索できるピッカーには選択中のエンジンが対応する言語だけが表示され、初期値は英語です。オプション: 日本語 Englishフランス語ドイツ人スペイン語イタリアポルトガル語オランダ語ロシア人日本語 English韓国人中国語(簡体)中国語(繁体)ログインヒンディー語ベンガル語プンジャビウルドゥーベトナムタイポーランドSwedishDanishNorwegianFinnishTurkishUkrainianIndonesianTamilTeluguMarathiNepaliPersianGreekHebrew
- 抽出をやり直す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 1またはEngine 2に切り替えます。変更後、「抽出を再実行」をクリックすると、新しいエンジンでHTMLが再生成されます。
featuresはい。Settings の Language ピッカーを使って、スクリーンショット内の文字体系に合わせてください。これは英語以外の UI テキスト、アクセント付き文字、複数言語が混在するドキュメントページで重要です。ドロップダウンには現在選択しているエンジンが対応する言語のみが表示されるため、エンジンを切り替えると自動的に更新されます。
usageはい。出力ビューには、片側に生のHTMLを表示する編集可能なテキストエリア、もう片側にライブでレンダリングされるプレビューが表示され、入力に応じて更新されます。誤読されたセルを修正したり、タグを微調整したり、クラスを追加したりすると、.html ファイルをコピーまたはダウンロードする前に、プレビューが変更を即座に反映します。
featuresデザイン性の高いフォントやアンチエイリアスの効いた UI フォントには Engine 2 を使い、Language ピッカーをスクリーンショットのテキストに合わせて設定してから、ライブプレビュー画面を確認してください。行や列が結合されて見える場合は、ダウンロード前にテキストエリアで HTML を直接編集できます。
tipsはい。Pixoateはバッチとバルク処理をサポートしています。 バッチモードに切り替え、Proで最大60画像または200画像を追加し、オプションを一度設定し、すべての画像は単一のZIPをダウンロードする前に同じ設定で処理されます。 バルク処理はプレミアム機能です。出力は同じ品質と設定を単一モードとして使用します.
featuresはい — 一括処理で設定を1回設定し、各項目にバッチで適用します。最大 60 枚のPremium または 200 枚の Pro の画像。 アイテムごとに設定を繰り返す必要はありません。アップロードされた一時および生成されたファイルは自動的に処理され、自動的に削除されます.
usage画像からHTMLでできること
ビジネス、クリエイター、日々の作業で毎日役立つ、実際の課題を解決します。あなたに合う使い方を見つけて、数秒で始めましょう。
デザイナーのモックアップから Web ページを作成
デザイナーから受け取ったスクリーンショットを、本物の<table>要素とセマンティックなマークアップを備えた土台となるHTMLに変換します。開発者に引き継いだり、CMSでそのまま使ったりできます。
古いPDFからのCMS移行
古いPDFパンフレットの料金表、FAQセクション、機能比較を、一度の貼り付けでモダンなWordPress、Webflow、Shopifyのページに移行できます。
メールマガジンの表
デザイナーのスクリーンショットから、Mailchimp、Klaviyo、HubSpot Email向けのピクセル単位で正確なメール対応HTMLテーブルを作成できます。<table>マークアップを手書きする必要はありません。
SaaSランディングページの料金表
料金ページのモックアップを、SaaSのランディングページ向けのレスポンシブなHTML料金表へ変換し、お使いのマーケティングサイトのフレームワークへそのまま組み込めます。
アフィリエイトブログ向け比較チャート
アフィリエイトマーケターは、商品比較のスクリーンショットをレビュー記事向けのセマンティックなHTMLテーブルに変換します。これにより検索エンジンも読者も、データを瞬時に把握できます。
カンファレンスのスケジュールページ
印刷されたカンファレンスの議事次第を、本物の<table>マークアップを使ったHTMLスケジュールページへ変換します。モバイル表示にも対応し、イベントサイトに組み込めます。
材料表のあるレシピサイト
フードブロガーは、印刷されたレシピページを整ったHTMLに変換し、整理された材料の表とステップごとの手順を、WordPressやGhostにそのまま使える形で用意できます。
APIドキュメントの表
デベロッパーリレーションズチームは、社内PDFのAPIリファレンスのスクリーンショットをHTML表に変換し、GitBook、Mintlify、Docusaurusで構築した公開ドキュメントサイトに掲載します。
ウェブサイト向けのコンプライアンス・開示テーブル
スキャンした条件書や料金表、規制上の開示テーブルを、コンプライアンスページに公開できるセマンティックな HTML に変換します。スクリーンリーダーと監査人の双方が解析できるアクセシブルなマークアップです。
掲載ページ用の物件仕様書
撮影した物件パンフレットの仕様表、たとえば部屋の寸法、設備、HOA費用を、不動産物件ページやMLSのシンジケーションフィードに埋め込めるHTMLテーブルに変えます。
給与・求人比較表
スクリーンショットした給与調査や福利厚生の比較表を、採用ページや求人掲載向けのきれいな HTML に変換します。候補者がモバイルでも数値をきちんと読めるようになります。
ECサイト出品向けの商品仕様書
スキャンした製品仕様表(サイズチャート、技術仕様、素材や成分の内訳)を、Shopify や WooCommerce、BigCommerce の商品説明に直接貼り付けられるセマンティックな HTML に変換します。ぼやけた埋め込み写真ではなく、実際にスクロールできるテーブルを買い物客に提供できます。
