A quick introduction to exporting and preparing images for the web from common Adobe applications.
Preparing images
If you can use an SVG—use an SVG
Photos should be JPGs
In most cases anything that can be done in a PNG can be done better in an SVG*
*In most cases
Avoid them at all costs.