UltKit

PNG画像の文字起こし

PNGの文字をプレーンテキストとして取り出せます。画像をアップロードしてテキスト認識を押すと、.txtファイルをダウンロードできます。結果をそのままコピーして、メールやチケット、翻訳ツールに貼り付けることもできます。

画像をテキストに変換

またはPDF, JPG, JPEG … ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

  1. 1

    PNGファイルを追加する

    PNG画像を最大20枚、1枚あたり95 MBまでドロップしてください。JPG、WebP、HEICなどの画像も使えます。

  2. 2

    プレーンテキストのままにする

    出力はプレーンテキスト(.txt)、テキストのレイアウトはプレーンなテキストの流れに設定されているので、整ったひと続きのテキストが得られます。英語以外の画像では文書の言語を変更してください。

  3. 3

    テキストを認識する

    テキスト認識を押して、各PNGの名前が付いた.txtをダウンロードします。好きなエディタで開くことも、必要な場所に貼り付けることもできます。

PNGは文字認識に最も向いた画像形式です。すべてのピクセルが描画されたままに保たれるため、文字が画面上と同じ鮮明な輪郭で読み込まれます。

PNGの文字起こしがほかの画像形式より精度が高い理由

PNGは1996年にW3C勧告となった形式で、特許のないGIFの代替として設計され、圧縮は可逆です。開いたファイルは保存時とピクセル単位で同一です。JPEGは異なり、画像を8 × 8ピクセルのブロックに分けてそれぞれを単純化するため、コントラストの強い輪郭の周りにかすかなにじみやハローが残ります。写真では誰も気づきませんが、白地の細い黒文字の周りでは、そのハローが認識処理の測る輪郭をまさにぼかしてしまいます。

そのため、抽出する価値のある文字を含む画像の多くは、すでにPNGです。iPhone、macOS、Windowsのスクリーンショットは標準でPNG保存され、FigmaなどのデザインツールもUIフレームをPNGで書き出し、画像として書き出したスライドも通常はPNGです。同じ文字を低画質のJPEGで保存しても読めますが、小さい文字では誤認識が増えます。

ただし、すべてのPNGが劣化なしとは限りません。チャットアプリやSNSを経由した画像は、途中でリサイズや再圧縮されていることがあり、もとはJPEGだったPNGにはそのノイズが残っています。選べる場合は元の書き出しファイルを使ってください。エラー、表、会話のスクリーンショットについては、スクリーンショットの文字起こしで各ケースを詳しく説明しています。

PNG

Portable Network Graphics

PNG は、1996年に PNG Development Group が公開し、のちに W3C と ISO が標準化した可逆のラスター形式です。すべてのピクセルを正確に保持し、完全なアルファ透明に対応し、文字、シャープな輪郭、単色の面をノイズなく扱えます。この正確さから、スクリーンショット、ロゴ、アイコン、UI グラフィックに最適です。代償はサイズで、PNG で保存した写真は、同じ写真の JPEG や WebP の数倍になることがよくあります。すべてのブラウザ、OS、編集ソフトで PNG を開けます。

圧縮方式
可逆
透過
対応
アニメーション
非対応
登場時期
1996 · PNG Development Group
PNG 変換

TXT

プレーンテキスト

TXTファイルには、書式、フォント、画像、レイアウトのない文字だけが入っています。最近のテキストファイルは、あらゆる言語を扱える UTF-8 で符号化されているのが普通ですが、古いファイルは別の文字コードで、文字化けすることがあります。プレーンテキストはごく小さく、古くなることがなく、スマートフォンからサーバーまであらゆる機器で開けます。太字、表、画像は保持できないため、構造は空白や簡単なマークアップで表現します。

圧縮方式
–
透過
–
アニメーション
–
登場時期
–
TXT 変換

PNGをテキストに変換するのは、デザイナーのモックアップ、書き出したスライド、インフォグラフィックなど、画像に閉じ込められた文字を、貼り付け・検索・翻訳できる通常の文字として再利用するためです。

PNG内の文字に必要な大きさ

標準的なディスプレイでの16 pxのWebテキスト

約8 px

PNG内の小文字xの高さです。人には読めますが、認識にはぎりぎりです。

文字の高さが2倍

同じページを200%ズーム、または2×ディスプレイで表示

約16 px

文字の線を明確に表せるだけのピクセルがあり、誤認識が大幅に減ります。

PNGスクリーンショットの色にじみと小さなUI文字

サブピクセルレンダリングClearType · サブピクセルアンチエイリアス
画面の各ピクセルの赤・緑・青の部分を別々に光らせて、小さな文字をくっきり見せる描画方法です。WindowsではWindows XPからClearTypeとして使われています。PNGのスクリーンショットでは、黒い文字の縁に細い色のにじみとして現れ、小さいサイズでは認識を混乱させることがあります。Appleは2018年のmacOS Mojaveでサブピクセルアンチエイリアスを廃止したため、Macのスクリーンショットの縁は単純なグレーです。Windowsのスクリーンショットの小さい文字が誤認識される場合は、どの設定よりも、撮影前にズームするほうが効果的です。

PNG文字起こしに関するよくある質問

暗い背景の白い文字も読み取れますか?

たいていは問題なく読み取れます。ダークモードのスクリーンショットや暗い背景に明るい文字のバナーも、コントラストが強ければ白地に黒文字とほぼ同じように認識されます。少し濃いグレーの上の灰色の文字は読み取りにくいため、その場合は詳細設定のコントラストを強調を試す価値があります。

インフォグラフィックの文字はどの順番で出力されますか?

別々の領域として認識されたブロックごとに、上から下、次に左から右の順で読み取ります。図表の周りの吹き出しや図形の中の文字は、本来の読む順とは違う段落の間に入ることがあります。きれいな文章の流れよりも各ラベルの位置が重要な場合は、レイアウトを保持を選んでください。

PNG内の絵文字やアイコンはどうなりますか?

絵文字は文字ではなく画像なので、認識では無視されるか、ときどき余計な文字や記号として読まれます。.txtを校正するときに、そうした余分な文字を削除してください。

PNGのファイルサイズが大きいほど文字起こしの精度は上がりますか?

文字そのものが大きい場合に限ります。撮影後にエディタで拡大したPNGはピクセル数が増えるだけで、細部は増えません。効果があるのは、画像を撮る前にページやアプリを拡大して、最初から文字を大きく撮ることです。

TXTではなくMarkdownで保存できますか?

はい。出力をMarkdownに切り替えると、検出された見出しやリストが#や-で記述され、メモアプリ、GitHub、Wikiにそのまま貼り付けられます。

レイアウトを保ったままPNGの文字をWordに取り込む方法はありますか?

列、表、画像を.docxに保持するにはPNGをWordに変換を使ってください。このページは、文字だけが欲しいときのためのものです。