グラデーション画像
線形・放射状・円錐のグラデーション背景
ツールを読み込み中…
グラデーション画像の使い方
- お好みのオプションを設定します。
- 設定を変えると、プレビューがすぐに更新されます。
- 結果をダウンロードします。
このツールについて
2〜5つの色の位置を持つ線形・放射状・円錐グラデーションをデザインし、好きなサイズの画像としてダウンロードできます。プリセットから始めて、角度、中心点、各色の色と位置を調整してください。
プレビューの下に対応するCSSが表示されるので、同じグラデーションをWebサイトでも使えます。線形と放射状のグラデーションは、どんなサイズでもなめらかなSVGとしても保存できます。
- お使いのデバイス上で動作します。何もアップロードされません。
- 無料。登録もウォーターマークも不要です。
- ファイル数やサイズの制限はありません(お使いのデバイスの処理能力の範囲内)。
よくある質問
画像はCSSと完全に一致しますか?
はい。角度、中心点、既定のグラデーションのサイズはCSSと同じルールに従うため、1920 × 1080の画像は、そのサイズのボックスにCSSグラデーションを適用したものと同じに見えます。
ディザは何をしますか?
各チャンネルは256段階しかないため、なめらかなグラデーションにバンディングと呼ばれる段差が見えることがあります。ディザは、段差を隠す非常に細かいノイズを加えます。PNGファイルがかなり大きくなるため、主にJPGとWebPで使ってください。
円錐グラデーションをSVGで保存できないのはなぜですか?
SVGには円錐グラデーションの種類がありません。円錐グラデーションは、代わりにPNG、JPG、WebPで保存してください。
グラデーション画像は無料ですか?
はい。ImgImageのすべてのツールは無料で、登録もウォーターマークも不要です。処理できるファイル数にも制限はありません。
スマートフォンでも使えますか?
はい。スマートフォン、タブレット、パソコンのどの最新ブラウザでも動作します。大きなファイルはパソコンのほうが速く処理できます。