網格內的尺度 I 從圖像採樣談文字創作

更新 發佈閱讀 4 分鐘
raw-image

這是我把兩張同樣的圖片接在一起,你可以放大來看紋路都是一樣的,差別只在於其中一個步驟採用別的方式,但是在結果上卻產生肉眼可見的差異,這一篇文章會先解釋我在圖像運算上的理解,後半段則說明如何運用在寫作上。

這張圖片是這樣的,不用管標題或是波浪什麼的,這是我將一張製作完成的大張原圖,用軟體縮小尺寸分別產生的兩個結果,當然將上下接合又變回一張圖片了,唯一的差別在於縮小使用的算法。

圖像縮放(image scaling)

我並不是專家,也不在這邊詳細解釋背後的數學算法了。

圖片在縮放的過程中,不只是數字上從2K改成4K而已,圖片的內容資訊需要跟著運算改變,通過軟體的算法採樣,在圖片中插入或去掉像素,來改變圖片尺寸的同時保持整體形象不變,而被取走的像素就會被鄰近的像素給平均掉。

raw-image

但是像素之間也不是均等的顏色,有變化才會是一張圖案,那要是取走的像素被均勻分散,原本顏色的高低起伏就會被破壞,失去原本的輪廓,要如何保有原本的內容,看是與更大的範圍平均以達到平滑的效果,或是控制在最小的範圍,讓細節全部保留,依情況就會使用不同的算法。

raw-image

宏觀/微觀

改變尺寸時,通常會希望圖像能夠保有原本平滑的與清晰,但是這兩項標準有時卻是衝突的狀態,想要清晰時,用最小的範圍來計算,確實會把細節最大限度的保留放大,卻也包含所有雜點瑕疵,想想人像上所有的毛孔皺紋都清晰可見,其實會滿嚇人的。

另一方面,追求平滑,就像許多修圖過後的美照,人物皮膚細緻毫無一絲瑕疵,甚至修過頭的完全看不見毛孔,皮膚變得像塑膠一樣,這也是捨去大量畫面細節的效果,當然在修圖時能依照部位控制要平滑還是細節,這就不多談了。

raw-image

說到這邊的重點是,著眼在細節或是整體脈絡時,會讓結果有明顯可見的差異,而要使用怎麼樣的算法,應該取決於原始圖片的內容,越是複雜的圖片就應該採樣更大範圍的內容;越是單一的圖片則只需要採樣最小範圍的內容即可

嗯......,縮以勒,本來只是想到這邊,好像有點東西可以寫,但是只停在這邊,大概無法讓人理解這個概念的用處,所以接下來我就用寫作來解釋這個概念。

想法的粒度

重複一下前面的概念,依據原始內容的複雜程度,會需要在輸出時調整關注的尺度。

要在寫作上實踐時,腦子裏的想法就是還未處理的原始內容,而寫出來的稿子就是經過調整的結果,中間的調整就會讓這個結果會是5000字的長篇大論,還是500字的瑣碎雜記。

寫出多長的文章並沒有優劣,卻會影響你的想法是不是能最好的傳達出去,譬如說我今天說了一個圖形學專業的內容,這是一般人陌生的話題,因此我需要將這個內容的用途原理、對讀者的意義這些分幾個重點說明清楚,要是說明的不夠完整,讀者就會忽略內容的重要性,或是被專業落差嚇跑。

另一方面,當我說了一個生活化的內容,也就不需要擴展到太多的瑣事,生活經驗的落差不至於會需要幾千字解釋有多苦悶,因為每個人都有差不多的生活,太多的篇幅反而是在稀釋內容的深度。

左右文章篇幅的要素不只這一個,但是想檢視有沒有把內容完整呈現,也許可以當作參考,希望這篇說明有足夠清楚。

留言
avatar-img
來自那個光
40會員
111內容數
這邊的一系列文章裡,我會分享生活觀察中,各種跟其他人想法差異的內心論戰。 也許引用各種其實我不熟的理論來為思考下結論,希望能給各位帶來啟發,或各位帶給我啟發。
來自那個光的其他內容
2025/03/14
I still alive!!!! 離開學校這麼久,幾乎都要忘記這種痛苦了。 雖然說才剛經歷沒有可比性,過去兩周,幾乎是我所度過最艱辛的一段時間。 從2月底開始,公司參與到一場不只規模大,還很緊迫的競圖案。 剛拿到圖資的時候,好這規模可能需要一個月? 打開圖資後,資料亂七八糟,好這得需要多
2025/03/14
I still alive!!!! 離開學校這麼久,幾乎都要忘記這種痛苦了。 雖然說才剛經歷沒有可比性,過去兩周,幾乎是我所度過最艱辛的一段時間。 從2月底開始,公司參與到一場不只規模大,還很緊迫的競圖案。 剛拿到圖資的時候,好這規模可能需要一個月? 打開圖資後,資料亂七八糟,好這得需要多
2024/11/24
之前隨興打了一些個人想法,整理了現在一些很「虛」的觀念,事後沒幾天,又有了一些想法。 雖然說想要再次瞎雞巴亂打一氣,當我開始敲鍵盤時,才發現一些避不開的問題。 這篇基本上依舊是個人的想法整理,就不解釋太多了。
Thumbnail
2024/11/24
之前隨興打了一些個人想法,整理了現在一些很「虛」的觀念,事後沒幾天,又有了一些想法。 雖然說想要再次瞎雞巴亂打一氣,當我開始敲鍵盤時,才發現一些避不開的問題。 這篇基本上依舊是個人的想法整理,就不解釋太多了。
Thumbnail
2024/11/18
最近打在threads上的零碎想法,整理一下存過來。 / 覺得一些現在的觀念很虛,最近也有看見一些類似的貼文意見。 舉例像是PUA、情緒價值、靈性、mbti分類、邊界感等感覺系列,以上純屬想到隨便抓幾個代表。 以上共通點都是沒有實體,無法直接用具體的行為來界定這就是/不是PUA。
Thumbnail
2024/11/18
最近打在threads上的零碎想法,整理一下存過來。 / 覺得一些現在的觀念很虛,最近也有看見一些類似的貼文意見。 舉例像是PUA、情緒價值、靈性、mbti分類、邊界感等感覺系列,以上純屬想到隨便抓幾個代表。 以上共通點都是沒有實體,無法直接用具體的行為來界定這就是/不是PUA。
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
AI 繪圖雖然已經能幫助我們將想像實現成畫面,但偶爾是否會覺得AI做出來的圖總是差那麼的一點點?或是曾否想過要將畫面的內容做一點微調可是卻不知從何下手?還是想將其他的素材添加到另一個圖像中可卻發現難以執行?這邊我們將介紹AI 繪圖的新工具同時介紹圖像生成的類型讓大家有個完整的認識。 圖像格式兩大類
Thumbnail
AI 繪圖雖然已經能幫助我們將想像實現成畫面,但偶爾是否會覺得AI做出來的圖總是差那麼的一點點?或是曾否想過要將畫面的內容做一點微調可是卻不知從何下手?還是想將其他的素材添加到另一個圖像中可卻發現難以執行?這邊我們將介紹AI 繪圖的新工具同時介紹圖像生成的類型讓大家有個完整的認識。 圖像格式兩大類
Thumbnail
本篇要來講述一個使用頻率不輸給文生圖的功能:圖片智慧放大(Upscale)。 這個功能詭異的地方是,他其實是放在Extras這個頁籤裡面。
Thumbnail
本篇要來講述一個使用頻率不輸給文生圖的功能:圖片智慧放大(Upscale)。 這個功能詭異的地方是,他其實是放在Extras這個頁籤裡面。
Thumbnail
這一篇要來敘述Stable Diffusion的Automatic1111的圖生圖(img2img,簡稱i2i)功能。
Thumbnail
這一篇要來敘述Stable Diffusion的Automatic1111的圖生圖(img2img,簡稱i2i)功能。
Thumbnail
txt2img 時,會用 512、768 等等大小來測試算圖,反覆迭代找到一個適合的 prompt 和參數組合。如果想要以此組合算出高解析度的圖片,直接調整長寬會遇到畫面跑掉的問題。該如何在固定構圖的情況下增加圖片的解析度呢?本文提供三個方法讓大家嘗試看看!
Thumbnail
txt2img 時,會用 512、768 等等大小來測試算圖,反覆迭代找到一個適合的 prompt 和參數組合。如果想要以此組合算出高解析度的圖片,直接調整長寬會遇到畫面跑掉的問題。該如何在固定構圖的情況下增加圖片的解析度呢?本文提供三個方法讓大家嘗試看看!
Thumbnail
如果你真心要透過圖片傳達你要說的事,千萬不要忽略「能不能讓人一眼就看到訊息」這件事!
Thumbnail
如果你真心要透過圖片傳達你要說的事,千萬不要忽略「能不能讓人一眼就看到訊息」這件事!
Thumbnail
你看的出來這張圖片的上下紋路有何不同嗎?這是我把兩張同樣的圖片接在一起,你可以放大來看紋路都是一樣的,差別只在於其中一個步驟採用別的方式,但是在結果上卻產生肉眼可見的差異,這一篇會先解釋我在圖像運算上的理解,後半段則說明如何運用在寫作上。
Thumbnail
你看的出來這張圖片的上下紋路有何不同嗎?這是我把兩張同樣的圖片接在一起,你可以放大來看紋路都是一樣的,差別只在於其中一個步驟採用別的方式,但是在結果上卻產生肉眼可見的差異,這一篇會先解釋我在圖像運算上的理解,後半段則說明如何運用在寫作上。
Thumbnail
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
在初學網頁排版的時候,文字、段落、列表的排版可以說是比較好上手的,只要稍微透過margin、padding、border及文字顏色上調整,就可以輕易獲得一段美美的文字。 然而要去調整圖片的大小及其他相關效果,就不是那麼容易的一件事了,往往在開發時,都會出現圖片效果不如自己預期的狀況。
Thumbnail
Step1. 開啟範例練習檔,為寬高50像素之圖檔,執行『影像 > 影像尺寸』更改寬高為5000像素(100倍),並選擇影像重新取樣為『最接近像素(保留硬邊)』,如此影像放大後即有馬賽克色塊影像效果。 Step2. 開啟要成為圖樣的檔案(尺寸200像素正方),執行『編輯 > 定義圖樣』,回到主要
Thumbnail
Step1. 開啟範例練習檔,為寬高50像素之圖檔,執行『影像 > 影像尺寸』更改寬高為5000像素(100倍),並選擇影像重新取樣為『最接近像素(保留硬邊)』,如此影像放大後即有馬賽克色塊影像效果。 Step2. 開啟要成為圖樣的檔案(尺寸200像素正方),執行『編輯 > 定義圖樣』,回到主要
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
利用形狀繪圖工具,並搭配變形處理,完成具立體感的影像繪圖。 STEP1. 開啟新檔選擇網頁,寬高均為500像素、解析度72像素/英吋,並取消工作畫板選項。 執行【檢視>尺標】在尺標刻度上按下滑鼠右鍵,選擇執行【像素】,即是將介面設定值單位固定為像素單位。 STEP2. 在圖層上新增圖層1,使用
Thumbnail
這次我們要說到遊戲經常使用到的圖片指令系列。在不使用插件的情況下也可以使用來做對話框背景或是立繪顯示。
Thumbnail
這次我們要說到遊戲經常使用到的圖片指令系列。在不使用插件的情況下也可以使用來做對話框背景或是立繪顯示。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News