圖片效果
為圖片套用各種濾鏡和效果。適用於藝術照片、復古風格和社群媒體內容。
💡 Tips for Best Results
- Grayscale: Classic black and white, great for artistic photos
- Sepia: Vintage brown tone, perfect for nostalgic feel
- Brightness: 100% is original, lower for darker, higher for brighter
- Contrast: Increase for more dramatic images, decrease for softer look
- Saturation: 0% is grayscale, 200% is very vivid
- Blur: Great for backgrounds or soft focus effects
- Privacy: All processing happens in your browser - no uploads to server
主要功能
- 9種預設效果
- 手動調整:亮度、對比度、飽和度、模糊
- 即時預覽
- 高品質輸出
- 可同時套用多種效果
- 客戶端處理
預設效果
基本效果
None(無)
- 原始圖像狀態
- 移除所有效果
- 重設為預設
Grayscale(灰階)
- 轉換為黑白
- 用途:經典照片、藝術表達
- 氛圍:現代、時尚、情感
Sepia(棕褐色)
- 棕色調的復古感覺
- 用途:復古照片、老式風格
- 氛圍:溫暖、懷舊
Invert(反轉)
- 反轉所有顏色
- 用途:藝術效果、特殊效果
- 氛圍:獨特、實驗性
模糊效果
Blur(模糊)
- 模糊整個圖像
- 用途:背景模糊、柔和感
- 強度:中等(5px)
銳化效果
Sharpen(銳化)
- 使圖像更清晰
- 用途:強調細節、提高文字清晰度
- 效果:邊緣增強
氛圍效果
Vintage(復古)
- 低對比度+棕褐色調
- 用途:復古感、老照片風格
- 氛圍:溫暖、經典
Cool(冷色調)
- 強調藍色調
- 用途:冷酷現代的感覺
- 氛圍:清爽、專業
Warm(暖色調)
- 強調橙色/黃色調
- 用途:溫暖舒適的感覺
- 氛圍:舒適、友好
手動調整
亮度
- 範圍:0% ~ 200%
- 預設:100%
- 0%:完全暗(黑色)
- 100%:原始
- 200%:非常亮(接近白色)
對比度
- 範圍:0% ~ 200%
- 預設:100%
- 0%:無對比度(灰色)
- 100%:原始
- 200%:非常強的對比度
飽和度
- 範圍:0% ~ 200%
- 預設:100%
- 0%:黑白(灰階)
- 100%:原始
- 200%:非常鮮豔的顏色
模糊
- 範圍:0px ~ 20px
- 預設:0px
- 0px:原始
- 5px:輕微模糊
- 10px:中等模糊
- 20px:非常模糊
使用場景
1. Instagram美學照片
預設:Vintage或Warm
亮度:110%
對比度:110%
飽和度:90%
目的:情感動態照片
2. 專業作品集
預設:Cool
亮度:105%
對比度:120%
飽和度:95%
目的:現代而精緻的感覺
3. 黑白藝術照片
預設:Grayscale
亮度:100%
對比度:130%
飽和度:0%
目的:經典黑白照片
4. 復古懷舊
預設:Sepia或Vintage
亮度:95%
對比度:85%
飽和度:80%
目的:老照片感覺
支援的格式
- 輸入:PNG、JPG、JPEG、WebP
- 輸出:PNG(高品質)
- 最大大小:50MB
- 處理速度:即時
效果技巧
推薦組合
自然增強
亮度:105-110%
對比度:105-110%
飽和度:100-105%
鮮豔色彩
亮度:100-105%
對比度:120-130%
飽和度:120-140%
柔和感覺
亮度:110-115%
對比度:90-95%
飽和度:90-95%
模糊:1-2px
技術細節
濾鏡套用
- CSS Filter:使用CSS濾鏡屬性
- Canvas API:使用Canvas處理進階效果
- 即時渲染:滑桿調整時立即反映
- 高品質輸出:儲存為PNG格式
隱私保護
- ✅ 所有處理都在您的瀏覽器中進行
- ✅ 圖片不會上傳到任何伺服器
- ✅ 100%客戶端處理
- ✅ 離線工作(頁面載入後)
常見問題
Q:可以同時套 用多種效果嗎?
A:可以,您可以同時使用預設效果和手動調整。例如:Vintage+亮度調整。
Q:套用效果會降低品質嗎?
A:儲存為PNG格式以最小化品質損失。多次儲存/載入循環可能會導致輕微的品質下降。
Q:圖像太暗或太亮怎麼辦?
A:調整亮度滑桿。如果暗,設定為110-120%;如果亮,設定為80-90%。
Q:如何移除預設效果?
A:選擇"None"預設以移除所有效果並返回原始狀態。
相關工具
瀏覽器支援
- ✅ Chrome 50+
- ✅ Firefox 50+
- ✅ Safari 11+
- ✅ Edge 79+
- ✅ 行動瀏覽器