画像からHTML

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

HTML
Extracting HTML

画像をアップロード

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

Every control in 画像からHTML, explained — what it does and when to use it.

エンジン

エンジンドロップダウン
ファイルを読み取る文字認識エンジンを選びます。「デフォルト」が装飾的なフォントや手書き文字を誤認識する場合は、「エンジン1」または「エンジン2」に切り替えてください — 結果は自動的に更新されます。オプション: デフォルトエンジン1エンジン2
言語ドロップダウン
元のテキストが書かれている言語を設定し、文字を正確に認識させます。検索できるピッカーには選択中のエンジンが対応する言語だけが表示され、初期値は英語です。オプション: 日本語 Englishフランス語ドイツ人スペイン語イタリアポルトガル語オランダ語ロシア人日本語 English韓国人中国語(簡体)中国語(繁体)ログインヒンディー語ベンガル語プンジャビウルドゥーベトナムタイポーランドSwedishDanishNorwegianFinnishTurkishUkrainianIndonesianTamilTeluguMarathiNepaliPersianGreekHebrew
抽出をやり直すOne-click
現在の「エンジン」と「言語」の設定で、同じファイルの抽出をもう一度実行します — うまく読み取れなかったときの再試行に便利です。
Uploads are encrypted in transitRemoved under our retention policy

よくある質問

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に移行する用途で最もよく使われています。

usage

Uploads 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 に変換します。候補者がモバイルでも数値をきちんと読めるようになります。

Eコマース向け

ECサイト出品向けの商品仕様書

スキャンした製品仕様表(サイズチャート、技術仕様、素材や成分の内訳)を、Shopify や WooCommerce、BigCommerce の商品説明に直接貼り付けられるセマンティックな HTML に変換します。ぼやけた埋め込み写真ではなく、実際にスクロールできるテーブルを買い物客に提供できます。