画像のグラデーション背景
商品画像の切り抜き、ロゴ、アプリのスクリーンショットなど、透明な画像の背後に滑らかな線形または放射状グラデーションを追加できます。2色、線形グラデーションの角度、画像周囲の余白を選ぶと、出力サイズに合わせてグラデーションを描画し、その上に画像を配置します。透明部分からグラデーションが見えます。結果は、ストアやソーシャルメディア向けにPNG、JPEG、WebP形式でダウンロードできます。
よくある質問
どのような画像に適していますか?
PNGやWebPのように、商品、ロゴ、人物を切り抜いた透明部分のある画像では、被写体の背後にグラデーションが表示されます。透明部分のない画像はグラデーションを覆うため、グラデーションは画像の周囲の余白にのみ表示されます。
線形と放射状の違いは何ですか?
線形グラデーションは、選択した角度の直線に沿って開始色から終了色へと変化します。放射状グラデーションは中央が開始色で、四隅に向かって終了色に変化します。
角度はどのように設定されますか?
角度はCSSの規則に従います。0度は下から上、90度は左から右、180は上から下、デフォルトの135は左上から右下です。放射状グラデーションでは角度は無視されます。
余白はどのような役割ですか?
画像の各辺に0〜1000ピクセルのグラデーションの余白を追加します。出力サイズは画像サイズに余白の2倍を加えた大きさになります。スタジオの背景のように、切り抜き画像の周囲にゆとりを持たせられます。
使用できる色を教えてください。
#6366f1や#ec4899のような16進カラーコードを、3桁、4桁、6桁、または8桁で入力してください。8桁の場合、最後の2桁で不透明度を指定します。transparentと入力すると、グラデーションは徐々に透明になります。
出力は元の画像と同じサイズになりますか?
余白を0に設定すれば同じサイズになります。それ以外の場合は余白の分だけ大きくなります。合計サイズが各辺4000ピクセルを超える場合は、結果が4000ピクセル以内に収まるよう画像が縮小されます。
対応形式は?
JPEG、PNG、GIF、WebP、TIFF、AVIFの画像を、最大5 MBまでアップロードできます。結果はデフォルトでPNG形式になり、品質90でJPEGまたはWebP形式でも保存できます。
グラデーションは滑らかですか?
はい。出力サイズに合わせてベクターとして描画されるため、目に見える段差や拡大縮小による劣化はありません。PNG形式なら劣化のない状態を保てます。
アプリストアのスクリーンショットに使えますか?
はい。角が丸く透明になったスクリーンショットをアップロードし、80〜200ピクセルの余白を加えてブランドカラーを選ぶと、洗練されたプロモーション画像を作成できます。
既存の背景を削除できますか?
いいえ。すでに透明な部分を塗りつぶし、余白を追加するだけです。写真に背景が残っている場合は、先に背景削除ツールを使ってください。