書き出す前
イメージ>トリミング>透明ピクセル を選択。
web用に書き出す
ファイル>書き出し>Web用に保存
基本的にはJPG
透過したいものや、文字の入った画像はPNG
アイコンやロゴマークはSVG

画像サイズを小さく変更
サイトから入手した画像などは基本的に下のようにサイズが大きいので、なるべくサイトに合わせて小さくする。
例えば画面いっぱいで使いたい画像だけ2000pxなど大きめの幅に指定し、300pxくらいで使いたいものは600pxで書き出しておくなど。
理想は画像サイズ200KB以下

PNGの場合気をつけること