グラデーション画像作成
色と方向を選ぶだけでグラデーション画像を作ってPNG・JPG・WebPで保存
特徴
変更がすぐプレビューに反映
色や向きを変えるたびに完成画像を確認
線形と円形の2種類に対応
角度と8方向ボタン、または9か所の中心位置
最大4000pxまでサイズ指定
壁紙やSNS向けの定番サイズはボタン1つ
PNG・JPG・WebPで保存
指定サイズの画像ファイルとしてダウンロード
使い方
種類と向きを決める
線形なら角度や方向ボタン、円形なら中心位置を選択
色を決める
カラーコードと位置を入力し、「色を追加」で最大5色まで増やす
サイズと形式を選ぶ
幅・高さを入力するか定番サイズのボタンを押し、PNG・JPG・WebPから形式を選択
画像を保存する
プレビューを確かめて「ダウンロード」を押すと画像ファイルを保存
ユースケース
アイキャッチの下地作り
ブログのアイキャッチやバナーの背景になる画像を用意する
スマホやPCの壁紙
好みの配色で、画面サイズに合わせた壁紙画像を作る
スライドのタイトル背景
プレゼン資料や動画のタイトル画面に敷く背景画像を作る
SNSストーリーの背景
縦長の1080×1920で、ストーリーや投稿の背景画像を作る
基礎知識
PNG・JPG・WebPの違い
PNG・JPG・WebPは、どれもグラデーション画像の保存に使える画像形式ですが、圧縮の方式とファイルサイズが異なります。
- PNG：PNGは、画質を落とさずに保存できる可逆圧縮の形式で、色の変化をそのまま残したい背景画像に向いています。
- JPG：JPGは、画質を少し落とす代わりにファイルを小さくできる非可逆圧縮の形式で、写真や容量を抑えたい画像に向いています。
- WebP：WebPは、PNGやJPGより小さなファイルにしやすいWeb向けの形式で、主要なブラウザで表示できますが、古いソフトでは開けないことがあります。
グラデーションの向きの決まり方
線形のグラデーションでは、角度0°が下から上へ向かう向きで、数値が増えるほど時計回りに回り、90°で左から右、180°で上から下になります。円形のグラデーションでは、中心の位置から画像のいちばん遠い角までの間で色が変わります。
安全性とプライバシー
ブラウザ完結
入力データはお使いのブラウザ内だけで処理され、外部に送信されません。
ブラウザ内のみで処理
グラデーション画像の生成と保存はすべてお使いのブラウザ内で行われ、入力データはサーバーに送信されません。
通信はHTTPSで暗号化
ページの読み込みもTLSにより暗号化され、第三者から内容を読み取られません。
第三者への送信なし
広告ネットワークやトラッカーなど外部サービスへ入力内容を送信しません。
結果の自動保存なし
選んだ色やサイズなどの設定や入力候補をサーバーに保管することはありません。
Google検索でラッコツールズをフォロー
222件の便利なツールが、Google検索・AI検索から探しやすくなります！
- 検索で見つかる
- AI検索でも表示
- 新ツールも発見
更新情報
- update #392
グラデーション画像作成を追加、色と向きを選んでPNG・JPG・WebPで保存
ラッコM&A 案件一覧注目のツール
ラッコツールズは自由にご活用いただけます！
個人・法人を問わず、商用・非商用を問わず無料でご利用いただけます。事前の許可や利用申請も必要ありません。さまざまなシーンで自由にご活用ください。
配信・動画での利用
くじ引きや抽選など、各種ツールをライブ配信・動画内で利用できます。
学校・仕事・イベントでの利用
授業、チーム分け、社内業務、イベントなど、さまざまな場面で活用できます。
Web・書籍・SNSでの紹介
便利なツールとして、Webメディア・書籍・SNSなどで自由に紹介できます。
商用利用
調査・計算・加工・変換など、業務や制作など商用目的でもご利用いただけます。
紹介してもらえると、ツールを作る元気がわいてきます！
配信・動画でご利用の場合
概要欄などへのラッコツールズのリンク掲載、または配信・動画内で「ラッコツールズ」を使用していることの言及・表示をお願いします。
概要欄に貼れるクレジット例
利用上のお願い通常の利用であれば自由にお使いいただけます。ただし、法令に違反する目的での利用、第三者の権利を侵害する利用、サービスに著しい負荷をかける利用、不正アクセスその他サービスの運営を妨害する行為は禁止します。
各ツールから得られる情報・計算結果等について、正確性・完全性を保証するものではありません。