Какие оптимизации вы используете, зависит от типа изображения.Если ваше изображение содержит только несколько цветов, вы можете использовать png-8, в противном случае вам может понадобиться png-24.То же самое касается использования прозрачности / альфа-смешивания.Функция сохранения в веб-магазине Photoshop отлично работает, но если на вашем сайте много посетителей, вы можете воспользоваться PNGCrush для дальнейшего сжатия изображений.Вы можете использовать плагин YSlow для FireFox, чтобы проверить, какую полосу пропускания вы можете сэкономить, сократив ваши изображения.
Кроме того, вы можете использовать CSS-спрайты, если ваш дизайн это позволяет.Это может привести к меньшему (но большему) количеству изображений и, следовательно, меньшему количеству запросов и иногда меньшей пропускной способности.Но это не зависит от типа изображений, которые вы используете.Кстати,
Png поддерживается IE.Только альфа-прозрачность не поддерживается в IE 6, но есть обходные приемы CSS / Javascript, хотя они не работают с фоновыми изображениями.
Я бы не стал использовать jpg.Jpg очень полезен, когда дело доходит до картинок.PNG-файлы удобны для небольших изображений, таких как кнопки, графические элементы, и для изображений с большими простыми областями, например, на снимках экрана.