見出し画像

[ももち #07]一瞬で画像からテキストを抽出!GoogleドライブのOCR機能

こんにちは!KNAPデザイナーのももち( @monmon7893 )です!
皆さんはクライアントから作ったデザインの文字起こしデータがほしいと要望を頂いたことはありませんか?
今回はPhotoshopではなく、画像化されている文字からテキストを抽出できる、GoogleドライブのOCR機能「Googleドキュメント」をご紹介します!では早速やり方を見ていきましょうー!


やり方

1.右上のGoogleアプリ→「Googleドライブ」
2.Googleドライブに画像をアップする

スクリーンショット 2021-09-10 16.29.48


3.画像を選択し、右クリックで「アプリで開く」→「Googleドキュメント」を選択→少し待つ

スクリーンショット 2021-09-10 16.33.36


4.変換完了!一瞬でしたね〜
上:青枠は元画像
下:文字起こししたテキスト
元画像とテキストが同時に確認できるのがめっちゃ便利だし、そのまま修正もできます!

スクリーンショット 2021-09-10 15.44.23


ただ本当に内容合っているか不安ですよね…比較ツールを使って確認してみましょう!


内容比較検証

difffサイトを開き、元テキストと文字起こしテキストを貼り付け→「比較する」ボタン選択
左:元テキスト
右:文字起こしテキスト
結果は下に表示され、青いマークが異る箇所になります。

<結果>
・記号(今回だと()?)は半角になる
・改行は半角が入る
・解像度が高ければ内容は問題なし!

スクリーンショット 2021-09-10 15.53.21


修正・共有

ドライブ画面に戻り、「command+Fで半角いれる」→「・のその他のプション」を選択

スクリーンショット 2021-09-10 16.16.36


「次に変更」入れずに「すべて置換」ボタンを押す

スクリーンショット 2021-09-10 16.18.05


一括で半角削除できました!英語や記号は修正が必要ですが、それなりに作業が楽になりそうですね!

スクリーンショット 2021-09-10 16.18.57


修正できたらそのまま「共有」リンクを送る事も可能です。

スクリーンショット 2021-09-10 16.21.44


データも画像と同じ階層に自動保存されるので安心ですね!

スクリーンショット 2021-09-10 16.24.59


まとめ

Googleの公式にファイルについて詳しく記載されていました。
また手書きや筆記体はうまく文字起こしが出来なかったので注意です。

スクリーンショット 2021-09-10 17.44.39

いかがでしたでしょうか?
解像度次第ではありますが、個人的に図の文字起こしの時に重宝しそうです…!とっても簡単なので是非お試しください〜^^
次回も別の文字起こし方法をご紹介していきます!

画像11

私が働いている会社も

よかったら見に来てください!


画像12

いいなと思ったら応援しよう!