如能把圖片轉html文字

技術

pratnket 2017-02-15 11:18:57 ‧ 7852 瀏覽

分享至

一張產品介紹圖
裡面有許多文字
不進行切板等..
人工處理唷
要自動化上傳即可轉換

能否直接把圖片轉成
背景圖片+html+文字

有這種程式嗎
影像辨識?
能的話...我就要整合到後台了...

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

2 個回答

麗麗

iT邦研究生 4 級 ‧ 2017-02-15 11:41:00

你需要的轉成HTML是哪一種?

1.單純放在HTML
<a href="連結URL"><img src="圖檔所在的URL" alt="圖片註解" width="寬" height="高"></a>
2.像把檔案轉成Base64那樣?
https://sofree.cc/base64-images/

回應 4
分享
檢舉

看更多先前的回應...收起先前的回應...

pratnket iT邦新手 5 級 ‧ 2017-02-15 11:45:08 檢舉

這是我的後台

程式碼我就不貼了...想說有插件可以辨識圖片嗎
要做SEO優化用
把圖片轉文字

pratnket iT邦新手 5 級 ‧ 2017-02-15 11:46:36 檢舉

圖片2

麗麗 iT邦研究生 4 級 ‧ 2017-02-15 11:48:33 檢舉

那我可能沒辦法幫到你了>< sorry

pratnket iT邦新手 5 級 ‧ 2017-02-15 11:50:06 檢舉

謝謝你的回答~~...功力不夠...
影像辨識我沒學過

登入發表回應

海綿寶寶

iT邦大神 1 級 ‧ 2017-02-15 11:44:34

不能

回應 16
分享
檢舉

看更多先前的回應...收起先前的回應...

pratnket iT邦新手 5 級 ‧ 2017-02-15 11:47:54 檢舉

不~~還沒有這種技術嗎...

pratnket iT邦新手 5 級 ‧ 2017-02-15 11:49:21 檢舉

人工就只能
圖片設計完畢
切板+刪除所有文字
打入文字...(笨方法)

pratnket iT邦新手 5 級 ‧ 2017-02-15 11:50:32 檢舉

因為影像辨識 OCR我沒學過我不知道PHP要怎寫出來...

海綿寶寶 iT邦大神 1 級 ‧ 2017-02-15 12:01:03 檢舉

如果是「辨識圖片中所有文字並轉成文字」(OCR)，花錢就有
要「圖片轉成圖片+html+文字」，就沒有

海綿寶寶 iT邦大神 1 級 ‧ 2017-02-15 12:10:00 檢舉

還有一點
你那張圖片
就算用OCR處理過
還是原來的那張圖片
不會是「把字移除掉的圖片」

pratnket iT邦新手 5 級 ‧ 2017-02-15 12:23:11 檢舉

對唷這我倒是忘了... 想說現在都有黑白鉛筆稿自動上色了應該有這技巧了

pratnket iT邦新手 5 級 ‧ 2017-02-15 12:26:14 檢舉

上傳2張圖
1張純背景圖
1張產品介紹圖 *轉html跟文字
這樣勒
應該就可以了

海綿寶寶 iT邦大神 1 級 ‧ 2017-02-15 12:46:43 檢舉

我的答案...還是不行

如果你可以做出來
記得上來分享

pratnket iT邦新手 5 級 ‧ 2017-02-15 13:04:08 檢舉

好吧~~，我在研究看看
http://paintschainer.preferred.tech/
自動上色
給你玩看看
恩...我不會寫這類程式

pratnket iT邦新手 5 級 ‧ 2017-02-15 13:07:04 檢舉

3D模型的網站
我也想寫看看
恩...無頭緒0.0...

fillano iT邦超人 1 級 ‧ 2017-02-15 13:57:21 檢舉

i2OCR

關鍵在於，辨識正確率...

海綿寶寶 iT邦大神 1 級 ‧ 2017-02-15 16:35:19 檢舉

關鍵在於，正確的基本觀念...

bizpro iT邦大師 1 級 ‧ 2017-02-16 11:10:38 檢舉

關鍵在於, 這是置入廣告...

pratnket iT邦新手 5 級 ‧ 2017-02-16 11:39:25 檢舉

我都要離職了...那我砍文?

fillano iT邦超人 1 級 ‧ 2017-02-16 20:41:12 檢舉

Tesseract.js 這個好像蠻有趣...純Javascript的OCR，還支援中文...我把你的圖處理過（轉成灰階=>向右向下移一個pixel後兩張圖相減抓出簡單的邊界，然後丟給他偵測...似乎有抓到幾個正確的字XD，不過大部分不成功）

newkevin iT邦高手 1 級 ‧ 2017-02-23 09:37:23 檢舉

1 辨識文字圖塊切下編號
2 跑ORC程式 (獲取圖檔文字內容+編號檔名)
3 讀檔名資料內容崁入所需 HTML
這樣不知對不對

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22118 篇

完賽人數

594 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙