🔆
image brightness,
圖片亮度與對比度調整
線上即時預覽照片編修效果 —
⚡
即時預覽
拖曳滑桿，效果瞬間呈現
🎨
四大參數
亮度、對比、飽和度與色溫
🔒
免上傳伺服器
純前端處理，保護照片隱私
請選擇一張圖片
🔒
您的圖片絕對不會上傳到任何伺服器。所有的影像處理都在您的瀏覽器本地端完成。
about,
關於本工具
這是一款免安裝、免註冊的線上圖片編修工具。您可以透過簡單的滑桿，輕鬆調整照片的亮度、對比度、色彩飽和度以及色溫。非常適合用來拯救曝光不足的失敗照片、美化網拍商品圖，或是在上傳社群媒體前為照片調色。
本工具運用先進的 HTML5 Canvas API 以及像素級 (Pixel-level) 的 ImageData 運算技術，所有的影像處理都在您的裝置本地端「離線」執行，絕對不會上傳任何照片到我們的伺服器。此外，系統採用了「非破壞性編輯」的設計，隨時都可以一鍵重設，不會造成畫質的二次損耗。
how to,
使用方法
STEP 1
選擇圖片
點擊上方的「選擇檔案」按鈕，載入您想要進行調整的照片。
STEP 2
拖曳滑桿調整
左右拖動亮度、對比、飽和度與色溫的滑桿。調整的效果會立刻反映在預覽畫面上。
STEP 3
儲存結果
調整滿意後，選擇您想要的圖片格式 (PNG 或 JPEG)，點擊「儲存圖片」即可下載最高畫質的成品。
glossary,
名詞解釋
- 亮度 (Brightness)
- 整體地改變畫面的明暗程度。拉高時，會同時在 RGB 三個色彩通道上增加數值，讓整張照片變亮；拉低時則會讓畫面整體變暗。非常適合用來拯救背光或曝光不足的照片。
- 對比度 (Contrast)
- 用來調整畫面中明暗區域的反差程度。拉高對比度，會讓亮的地方更亮、暗的地方更暗，畫面看起來會更立體且鮮明；降低對比度則會讓畫面變得灰濛濛的，呈現出柔和的感覺。
- 飽和度 (Saturation)
- 控制色彩的鮮豔程度。拉到 -100 時會完全抽離色彩變成黑白 (灰階) 照片；往正數方向拉動則會讓色彩變得更加濃郁、飽滿。系統計算時會考量人眼對不同顏色的敏感度 (Luma) 來確保調整結果自然。
- 色溫 (Color Temperature)
- 調整照片整體的冷暖色調。往正數方向調整，會增加畫面中的紅色調並減少藍色調，呈現出溫暖的夕陽橘黃感；往負數方向調整則會呈現偏藍的冷冽清爽感。
- Canvas API
- 現代瀏覽器內建的 HTML5 繪圖介面。本工具利用它來讀取圖片每個像素的原始色彩數據 (ImageData)，經過數學公式運算後再重新畫回畫面上。這使得影像處理完全不需依賴伺服器。
- ImageData
- 從 Canvas 取得的原始像素資料緩衝區。圖片的每一個像素都由連續的四個位元組 (R, G, B, 透明度) 組成。本工具在背景中高速逐一讀取並修改這些數值以達到調色效果。
- Luma (明度權重)
- 人類眼睛對於不同顏色的敏感度是不同的。在計算飽和度時，我們使用特定的公式 (R×0.2126 + G×0.7152 + B×0.0722) 來產生基準灰階，這樣能確保飽和度變化時，畫面看起來最符合肉眼的直覺。
- 非破壞性編輯 (Non-destructive editing)
- 一種專業的修圖概念。系統會將您最初上傳的圖片資料安全地保留下來，每次拖動滑桿時，都是拿「最原始的資料」重新進行公式計算。這確保了您就算反覆調整幾百次，畫質也完全不會因此而劣化。
faq,
常見問題
- Q.我可以進行哪些影像調整？
- 您可以調整四個參數：亮度 (Brightness)、對比度 (Contrast)、飽和度 (Saturation) 與色溫 (Color Temperature)。每個滑桿的範圍都是 -100 到 +100，並且會在畫面上即時預覽效果。
- Q.如果調壞了可以復原嗎？
- 可以的。只要點擊「重設」按鈕，所有的滑桿都會歸零。系統在記憶體中保留了原始的圖片資料，因此您可以隨時重設，不會有任何畫質減損。
- Q.我上傳的圖片會被儲存到伺服器嗎？
- 絕對不會。所有的運算都是直接透過您瀏覽器內建的 Canvas API 在本地端進行。您的圖片資料永遠不會離開您的裝置。
- Q.支援哪些圖片格式？
- 支援 JPEG、PNG、WebP、GIF、BMP 等，只要是您的瀏覽器能夠顯示的圖片格式都可以作為輸入。
- Q.輸出的圖片會保持原本的解析度嗎？
- 會的。雖然為了讓您操作時畫面不卡頓，預覽區使用的是縮小後的圖片；但當您點擊「儲存圖片」時，系統會使用原始的最高解析度來進行最終處理與輸出。
- Q.這個工具可以在手機上使用嗎？
- 可以的。工具介面採用響應式設計，完美支援手機的觸控操作。您可以在 iOS 的 Safari 或是 Android 的 Chrome 上用手指滑動調整。
- Q.可以處理超高畫質的大圖嗎？
- 可以，只要不超過瀏覽器 Canvas API 的上限。如同前面所述，預覽時為了效能會縮小尺寸，但最終存檔時都會以原尺寸高畫質輸出。
- Q.可以把照片變成黑白的嗎？
- 可以的。只要將「飽和度」的滑桿拉到最左邊的 -100，照片就會變成完全的灰階 (黑白) 影像。
- Q.該怎麼讓照片看起來比較「溫暖」？
- 請將「色溫」的滑桿往右邊 (正數) 拉動。這會增加紅色調並減少藍色調，讓照片呈現出溫暖的橘黃色氛圍。
- Q.可以同時調整多個參數嗎？
- 當然可以。所有的滑桿都是獨立運作的，且效果會疊加。您可以自由組合調整，畫面會即時呈現最終的綜合結果。
use cases,
使用場景
📸
拯救曝光不足的照片
在室內或是大逆光環境下拍出的暗沉照片，透過調高「亮度」即可讓細節重現。
📱
社群媒體發文前調色
上傳到 IG 或是 FB 之前，稍微拉高「飽和度」與「色溫」，能讓照片看起來更吸引人。
🛍️
網拍商品圖優化
稍微增加「對比度」能讓商品輪廓更加清晰立體，提升顧客的購買慾望。
🎨
營造復古底片感
刻意降低一些飽和度，並稍微調暖色溫，就能輕鬆營造出具有文青風格的底片感。
Send Feedback
Please let us know your thoughts to help us improve the tool.
Feedback sent successfully. Thank you for your cooperation!
An error occurred. Please try again later.
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.