Extract text from images — free

OCRエンジンはまず行と列の構造を検出し、その後あらゆるブラウザ、メールクライアント、CMSで動作する本物の<table>、<thead>、<tbody>、<tr>、<th>、<td>要素を生成します。CSSの小細工も、flexboxによる疑似表も、入れ子になった<div>グリッドもありません。検証に通り、初めからスクリーンリーダーに対応したクリーンなHTML5だけです。

はい。WordPressのHTMLブロック、Webflowの埋め込み、WixのHTML要素、ShopifyのLiquidテンプレートに貼り付けると、表がすぐに表示されます。このマークアップは依存関係がなく、JavaScriptも外部CSSも不要なので、エディター間でのコピー&ペーストやテーマの切り替えを経ても崩れずに残ります。

はい。タグは過不足なく対応して正しく入れ子になり、属性値は二重引用符で囲まれ、HTML5のdoctypeの前提が守られます。出力をW3Cのバリデーターにかければ検証を通過します。スクリーンリーダーでの読み上げが必要な、データの多い表のアクセシビリティをさらに高めるために、ARIAロールを手動で追加することもできます。

初期設定では出力にスタイルが付かないため、既存のサイトテーマがそのまま反映されます。オプションのフラグを使うと、Bootstrap（class="table table-striped"）、Tailwindのユーティリティクラス、またはメール対応の基本的なインラインスタイルを追加できます。アクセシビリティのためにヘッダーセルにはscope="col"を付けましょう。ツールは検出したヘッダー行に対してこれらを自動で出力します。

はい。レイアウトの参考や個人的な学習用としてです。出力は表の構造を再現しますが、他サイトのコンテンツを再公開する権利が自分にあるかは必ず確認してください。このツールは、保護されたコンテンツをスクレイピングするためではなく、自分の古いPDFやスクリーンショットを最新のCMSに移行する用途で最もよく使われています。

アップロードしたファイルは数分以内に自動削除され、モデルの学習に使われることはなく、HTML出力には透かし、帰属表示、トラッキングピクセルが入りません。そのため商用サイトでも安心で、代理店、フリーランサー、社内チームがライセンスの心配なくランディングページ、比較表、ドキュメントを公開するのに使っています。

はい — PNG・JPG・スクリーンショットをドロップすると、OCRがテキスト・表・リストを、コピーやダウンロードができるクリーンなセマンティックHTMLとして再構成します。抽出するのは見た目のCSSデザインではなくコンテンツの構造（本物の<table>、見出し、リスト）なので、テキストやデータ表をCMS・メール・ブログ記事に移すのに最適です。

Open the Engine setting in the side panel and pick Default for general screenshots, or switch to Engine 1 or Engine 2 if the table headers or stylised fonts in your image aren't being read correctly. After changing it, click Re-run extraction to regenerate the HTML with the new engine.

Yes. Use the Language picker in Settings to match the script in your screenshot — this matters for non-English UI text, accented characters and mixed-language documentation pages. The dropdown only lists languages supported by the currently selected engine, so it updates automatically if you switch engines.

Yes — the output view shows an editable textarea with the raw HTML on one side and a live rendered preview on the other, updating as you type. Fix a misread cell, tweak a tag, or add a class, and the preview reflects your change instantly before you copy or download the .html file.

Use Engine 2 for stylised or antialiased UI fonts, set the Language picker to match the screenshot's text, then check the live preview pane — if a row or column still looks merged, edit the HTML directly in the textarea before downloading.