跳到主要內容
忆云竹

CSS 圖片濾鏡產生器

在範例或本機圖片上預覽模糊、亮度、色彩與透明度,並匯出 filter CSS。

CSS 濾鏡範例圖片

支援 PNG、JPEG、WebP、GIF,上限為 20 MiB、2,000 萬像素、單邊 8,192 px。匯出內容為 CSS,並非修改後的圖片。

CSS

內容僅在此瀏覽器處理,不會上傳或儲存。

工具介紹

在範例或本機圖片上試調視覺效果,再套用至專案樣式表。

使用說明

使用範例圖片,或選取 PNG、JPEG、WebP、GIF。調整模糊、亮度、對比、飽和度、色相、灰階、褐色、反相與透明度;可切換原圖比對,也可重設濾鏡。設定會即時反映在預覽中。

本機圖片上限為 20 MiB、2,000 萬像素,任一邊不超過 8,192 像素,圖片不會上傳。複製及下載的是 filter CSS,不是套用濾鏡後的圖片。切換原圖只影響預覽,不會清除濾鏡設定。

常見問題

能下載套好濾鏡的圖片嗎?

此工具匯出 CSS,不匯出修改後的像素。查看原圖會保留濾鏡設定;本機圖片不會上傳,但需符合頁面標示的大小限制。

圖片明明能開啟,為什麼這裡無法載入?

預覽接受 PNG、JPEG、WebP、GIF,上限為 20 MiB、2,000 萬像素,任一邊不得超過 8,192 像素。壓縮檔案很小也可能超過像素限制。請先縮小尺寸或轉換不支援的格式,再重新選取圖片。

評論

0
後參與評論。
暫無評論
回復討論

按時間查看完整回復脈絡;每條回復都會標明它回應的具體內容。