打鬼筆記|圖片轉換為html表格的2種方式

更新於 發佈於 閱讀時間約 3 分鐘

事情是這樣的,因為很臨時的被指派要進行某個專案的網站無障礙認證的修改,在沒有無障礙網頁製作的經驗與沒有任何可靠的人能請教的情況下,靠著chatGPT的幫助,跌跌撞撞的通過了機器檢測。

然而,比機器檢測更困難的人工檢測毫不意外被退件了。

在人工檢測中有一項我覺得雖然不難,但是很花時間(很煩)的項目就是「中央區塊各項內含資訊內容的圖片請依圖片內容提供詳細說明,若超過150個英文字元或75個中文字元,請另提供文字詳細描述。讓視障瀏覽者也可以瞭解圖片內容訊息,全網站如有相同問題請一併修正。」

簡單來說就是圖片字太多了,要好好地加上圖片的說明才能讓視障瀏覽者順利了解圖片內的資訊。

由於被指出需要修正的圖片內容都是文字表格,而且每個表格都至少10排以上,一個一個手刻html真的太慢了,所以嘗試了以下兩個方式,提升圖片轉換html表格的速度。


方法一:用線上圖片轉word工具(需有OCR功能)

步驟:

1.使用線上轉換工具

  • onlineconvertbox:內容正確性高。需註冊,有限制轉換次數(一天似乎只有兩次)
  • 誠華OCR:內容正確性算高,但不知道為什麼轉換幾次後正確度會下降。不須註冊,沒有轉換次數限制,可免費轉換10MB內的檔案。

2.複製表格內容,貼到wordtohtml.net,轉換成html碼※參考來源1

3.使用HTML Washer,清理程式碼中不必要的標籤及style,讓程式碼呈現最簡單的狀態※參考來源1

4.請chatGPT協助整理,讓程式碼符合無障礙規範。

5.最後檢查程式碼內容,確認格式及文字(非常重要)與原始圖片相符後上傳。

如果是內容很多的表格圖片的話,建議可以先用onlineconvertbox轉換看看,會節省蠻多時間。


方法二:用Google雲端硬碟提取圖片檔中的文字※參考來源2

步驟:

1.將圖片上傳到Google雲端硬碟。

2.在雲端硬碟中點選要轉換的圖片後按右鍵,選擇開啟工具▶Google文件。

3.Google文建會自動辨識圖片內的文字,並顯示在文件內。

4.複製文字內容後,請chatGPT幫忙整理成符合無障礙規範的html表格。

5.檢查內容與格式後,確認與原圖相符後上傳。


結論

基本上這兩種方式的最後都是透過chatGPT轉換成符合規範的html程式碼,只是以方法一來說,基本上在請chatGPT轉換時,表格的結構比較不會跑版,但就是錯字有可能會比較多,需要細心的多檢查幾次。而方法二的話,因為只有純文字,沒有任何表格格式,所以在請chatGPT轉換時,或許需要指定基礎的程式碼版型才比較不容易跑版。不過用Google文件辨識出來的文字錯字較少,在檢查的時候比較節省時間。

其實一開始是嘗試直接把圖片丟給chatGPT請他生成,但可能因為是使用免費版的關係,當圖片是內容較多的表格時,就難以生成完整的內容,而且也有上傳圖片附件的限制。因此才找到這兩種轉換的方式,快速生成表格。


參考來源:

1.這個太重要了! 兩招還給你乾淨的html碼

2.【2025免費】必看的3個PNG轉Word方法




留言
avatar-img
留言分享你的想法!
avatar-img
平凡人的平凡人生
0會員
3內容數
我是ふふ,這裡記錄平凡的日常
你可能也想看
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
要做會議記錄或課程筆記,想做逐字稿卻苦於打字速度不夠快嗎?錄音再慢慢回放浪費時間又容易恍神?這篇文章包你滿意,不用再浪費時間爬文了,你需要的逐字稿神器在這裡,保母級教學!
Thumbnail
要做會議記錄或課程筆記,想做逐字稿卻苦於打字速度不夠快嗎?錄音再慢慢回放浪費時間又容易恍神?這篇文章包你滿意,不用再浪費時間爬文了,你需要的逐字稿神器在這裡,保母級教學!
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
網址:https://gadget.chienwen.net/x/text/articlecut 這個網頁裡面有許多小工具, 但感覺現在有很多被 AI 取代掉的東西, 推薦大家可以來用看看~
Thumbnail
在數字化時代,PDF文件廣泛使用,但傳統處理方式顯得力不從心。本文推薦pdftopdf.ai等工具,通過OCR識別,將圖片中的文字轉化為可編輯、可搜索的文本。探討PDF文檔分析的AI工具,功能和價格。描述其用途以解決掃描件中文字無法直接搜索的困擾,提高工作效率。
Thumbnail
在數字化時代,PDF文件廣泛使用,但傳統處理方式顯得力不從心。本文推薦pdftopdf.ai等工具,通過OCR識別,將圖片中的文字轉化為可編輯、可搜索的文本。探討PDF文檔分析的AI工具,功能和價格。描述其用途以解決掃描件中文字無法直接搜索的困擾,提高工作效率。
Thumbnail
這是什麼大問題嗎?這樣就寫一篇文章,會不會太混了! 會! 其實蠻混的! 哈哈哈! 1.英文不好,乾脆用中文。就用微軟 Copilot 設計工具 的網址在此。好啦!
Thumbnail
這是什麼大問題嗎?這樣就寫一篇文章,會不會太混了! 會! 其實蠻混的! 哈哈哈! 1.英文不好,乾脆用中文。就用微軟 Copilot 設計工具 的網址在此。好啦!
Thumbnail
在本文中,我們將瞭解如何將掃描的PDF轉換為可搜索文本,並高效管理和查找文件。探索先進的OCR技術如何提升文檔處理效率。
Thumbnail
在本文中,我們將瞭解如何將掃描的PDF轉換為可搜索文本,並高效管理和查找文件。探索先進的OCR技術如何提升文檔處理效率。
Thumbnail
在當今數字化時代,需求日益增長。本文詳細介紹了幾種常用的PDF轉Word方法,並討論了它們的侷限性。接下來,我們將向您介紹pdftopdf.ai,一款具有先進的OCR和LLM技術,提供高效且保持原始文件格式和質量的解決方案。
Thumbnail
在當今數字化時代,需求日益增長。本文詳細介紹了幾種常用的PDF轉Word方法,並討論了它們的侷限性。接下來,我們將向您介紹pdftopdf.ai,一款具有先進的OCR和LLM技術,提供高效且保持原始文件格式和質量的解決方案。
Thumbnail
今天來分享一個好像有點廢的小技巧 把網頁變成可以直接用來打字的文字編輯器
Thumbnail
今天來分享一個好像有點廢的小技巧 把網頁變成可以直接用來打字的文字編輯器
Thumbnail
這篇要搭建一個同時生成寫實照片跟動漫風格圖片的工作流,還可以幫線稿上色。
Thumbnail
這篇要搭建一個同時生成寫實照片跟動漫風格圖片的工作流,還可以幫線稿上色。
Thumbnail
前篇測試如何把提示詞生成的圖像細節提高,這篇要測試的工作流是把任意圖像載入後經由放大模型放大,同時測試放大後重繪看看效果如何。
Thumbnail
前篇測試如何把提示詞生成的圖像細節提高,這篇要測試的工作流是把任意圖像載入後經由放大模型放大,同時測試放大後重繪看看效果如何。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News