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

更新於 發佈於 閱讀時間約 4 分鐘
你看的出來這張圖片的上下紋路有何不同嗎?

你看的出來這張圖片的上下紋路有何不同嗎?

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

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

圖像縮放(image scaling)

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

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

示意圖,縮小後仍能看出原本的形象

示意圖,縮小後仍能看出原本的形象

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

示意圖

示意圖

宏觀/微觀

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

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

raw-image

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

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

想法的粒度

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

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

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

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

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

留言
avatar-img
留言分享你的想法!
avatar-img
來自那個光
40會員
106內容數
這邊的一系列文章裡,我會分享生活觀察中,各種跟其他人想法差異的內心論戰。 也許引用各種其實我不熟的理論來為思考下結論,希望能給各位帶來啟發,或各位帶給我啟發。
來自那個光的其他內容
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
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
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