ImgImage

漸層圖片

線性、放射狀與錐形漸層背景

  正在載入工具…

漸層圖片使用方式

  1. 設定你想要的選項。
  2. 調整時即可即時查看預覽。
  3. 下載結果。

關於此工具

設計具有二到五個色標的線性、放射狀與錐形漸層,並以任意尺寸下載為圖片。從預設組合開始,再調整角度、中心點以及每個色標的顏色與位置。

對應的 CSS 會顯示在預覽下方,讓你可以在網站上使用相同的漸層。線性與放射狀漸層也可以存成 SVG,在任何尺寸下都保持平滑。

  • 在你的裝置上運作,不會上傳任何內容。
  • 免費使用,無需註冊,沒有浮水印。
  • 除了裝置本身的處理能力外,檔案數量與大小皆無限制。

常見問題

圖片與 CSS 完全一致嗎?

一致。角度、中心點與預設的漸層大小都遵循與 CSS 相同的規則,因此 1920 × 1080 的圖片看起來就像該尺寸方塊上的 CSS 漸層。

遞色有什麼作用?

平滑的漸層可能出現稱為色帶的明顯階梯,因為每個色版只有 256 個層級。遞色會加入非常細緻的雜訊來隱藏這些階梯。它會讓 PNG 檔案大很多,所以主要用於 JPG 和 WebP。

為什麼錐形漸層不能存成 SVG?

SVG 沒有錐形漸層的類型。請將錐形漸層改存成 PNG、JPG 或 WebP。

漸層圖片免費嗎?

是的。ImgImage 上的所有工具都可免費使用,無需註冊、沒有浮水印,處理的檔案數量也沒有限制。

可以在手機上使用嗎?

可以。在手機、平板和電腦上的任何現代瀏覽器都能使用。處理大型檔案時,使用電腦速度會更快。

相關工具

搜尋工具