書き出す前

イメージ>トリミング>透明ピクセル を選択。

web用に書き出す

ファイル>書き出し>Web用に保存

基本的にはJPG

透過したいものや、文字の入った画像はPNG

アイコンやロゴマークはSVG

スクリーンショット 2024-08-26 5.02.49.png

画像サイズを小さく変更

サイトから入手した画像などは基本的に下のようにサイズが大きいので、なるべくサイトに合わせて小さくする。

例えば画面いっぱいで使いたい画像だけ2000pxなど大きめの幅に指定し、300pxくらいで使いたいものは600pxで書き出しておくなど。

理想は画像サイズ200KB以下

スクリーンショット 2024-08-26 4.56.32.png

PNGの場合気をつけること