如果你也有在經營網站,像我的部落格一樣會放照片。那你一定會在意圖片的尺寸、檔案大小和檔案類型。
如果你用過Google的PageSpeed Insights測試過你的網站,可能會看到他建議:使用次世代照片格式。
像我過去剛開始使用blogger的服務,放照片就是每次發文時最讓我感到麻煩的地方。
後來慢慢的,我有一套固定的照片處理流程,但這個流程照片需要經過三個軟體。
照片處理流程
我會做簡單的修圖、減少檔案大小、改變圖片大小、把照片檔案轉成我要的jpeg或webP檔案、第二次減少圖片檔案大小。
在這個過程中,我會用到一次繪圖軟體。
無論你是使用哪一種繪圖軟體(Adode Photoshop、Affinty Photo還是Krita或什麼的),都會有一個問題,那就是每次打開,都需要一點時間讓軟體跑一下。
後來,我就想,能不能運用AI嘗試幫我解決這個困擾。
於是我嘗試使用Replit的AI開發工具,做了一個網站式的照片處理服務——「imgforblog」。

歡迎嘗試使用看看!
我自己的心得是Replit可以很快的做出一個能用的東西,但費用真的頗高的,製作這個網站大概花了我150美金吧。
imgforblog
這個「imgforblog」的服務可以讓使用者在自己的瀏覽器中將照片變成想要的大小、尺寸還有檔案類型。如果你想的話,還可以貼上浮水印。
你的照片完完全全不會進到什麼伺服器做處理,我也不想浪費成本去弄一個額外伺服器,照片不會上傳到我這邊,所以你的照片是安全的。
我自己,現在在部落格發照片前,就是把照片丟上這個網站。
然後他就會幫我轉換成我要的樣子,我在把照片下載下來,就可以在部落格上發布了。
100KB的照片
在部落格上,我都會將照片嘗試壓縮到100KB左右,我覺得這樣是最不會影響網站速度的。為了這點,我願意放棄圖片的畫質。
有些網站會建議壓縮到200KB以下,都可以。
你看過五六十年前的照片嗎?當時的攝影設備遠遠不如現代,畫質很低,色彩也不鮮豔,但這都不會影響照片所要述說的故事。
我目前這個部落格是基於ghost的,ghost有支援WebP,因此我會將照片轉成WebP,這樣檔案就會更小。imgforblog當然也不僅只是支援WebP,像是AVIF、JPEG、PNG還有蘋果的HEIC都可以使用。
我也會將照片的尺寸縮小到1200*1600像素,我覺得再大也沒什麼用。有些網站可能還會再尺寸縮得更小,在imgforblog中尺寸是可以自由的設定。
也不只是部落格,當我有想要去除圖片多於資訊、轉檔還有壓縮檔案的需求時,我會用它。
imgforblog是我自己現在非常常用的,也是我目前覺得AI給我生活上帶來最大幫助的地方。
我目前部落格的每一張照片應該都是經過imgforblog作處理的。
像是我之前有發過一篇放比較多照片測試文章。

分享給各為朋友。
文末放一些最近拍攝的照片供各位朋友參考,感受一下大幅降低的畫質,是否會影響照片給人的感覺。







