В целом, по веб-форматом всё сказали, поэтому я обобщу: JPG - сжатый формат изображений. Сжатие полноцветное, отлично подходит для публикации фотографий. В Photoshop можно сделать тонкую подгонку размера файла и качества.
GIF - сжатая графика с использованием индексированной палитрой (256 цветов). Не подходит для фото. Это самое простое и универсальное решение для графических элементов сайтов - всевозможных значков, рамок, текстур (для последних иногда больше подходит jpg). Этот формат поддерживает прозрачность!
PNG - аналог формата gif. Зачастую позволяет сильнее сжимать изображения при таком же качестве, поэтому есть смысл использовать именно его (png-8). Есть так же формат png-24 (сжатие без потерь) - его файлы огромные и для веб-публикаций не годятся.
Сравнить все эти форматы, их свойства и качества можно в Photoshop - просто нажмите кнопочку "сохранить для веб", и экспериментируйте со своей картинкой! Можно тонко калибровать качество и размер выводимых файлов.
