Best Practices for Saving Images from a Website

When saving assets for any website, it's important to remember a few things regarding how the image is saved. 

1. If there are no transparent parts of the image that need to display on anything but a solid background, use a web-quality jpg. 

From Photoshop:

1. Click File.
2. Select Save for Web & Devices (Alt + Ctrl + Shift + S).
3. Select JPEG.
4. Lower the quality until a noticeable difference in the image is visible.
5. Save.

2. If the image is large, has transparent portions, and has to display over an image background, export the image as an 8-bit png 

From Fireworks:

1. Open the .png image.
2. Navigate to the Optimize window (Window > Optimize or F6).
3. Select PNG 8.
4. Select a transparent Matte.
5. Select Alpha Transparency.