В каком формате лучше сохранить изображение для веб-страницы?

Формат стоит выбирать исходя из конкретных обстоятельств. Если картинка с прозрачностью - то это png8, png24 или gif, если прозрачность не резкая, то только png24 - такая картинка весит больше, но вариантов нет. Если гартинка не сложная, без градиентов, оттенков и тд. (не фотография) , то это картинка с определенным набором цветов - формат gif или png8. Если фотка, то jpeg, jpg - обычно прогрессивный (картинка загружается в несколько проходов) - для веба то, что нужно. Ну и, если картинка анимированная, то это gif - других вариантов нет.

Использовать нужно все форматы добиваясь максимальной выгоды в объеме страницы. Часто лучше использовать составные изображения - все кнопки, например, в одном файле, на одной картинке (дольше происходит запрос, чем загрузка конкретной картинки) - так сделано на майле, яндексе и много где еще.

В настоящий момент оформление кнопок, растяжки, радиусы и тп. можно смело задавать через стили (CSS3) без использования графики.

Возможно следующая информация поможет вам принять решение:

Формат JPEG - предназначен для компактного хранения многоцветных изображений с фотографическим качеством. Разработан в 1995 году специально для нужд Интернета. Файлы этого формата имеют расширение jpg. Потери графической информации при сохранении не существенны. Формат JPEG рекомендуется применять лишь при сохранении окончательного результата обработки изображения.

Формат GIF - предназначен для сохранения растровых изображений с количеством цветов не более 256. Имена файлов имеют расширение gif. Формат GIF позволяет сохранять прозрачность пикселов и поддерживает анимацию.
В GIF форматах хорошо сохранять контрастные изображения, без плавных переходов или шума, например логотипы, баннеры, чертежи, схемы. Этот формат широко используется в веб-дизайне.

Формат PNG - аналогичен формату GIF, но небольшое отличие заключается в том, что PNG способен отображать большее количество цветов - позволяет сохранять изображения с глубиной цвета 24 и даже 48 бит. Этот формат целесообразно использовать в веб-дизайне для сохранения небольших многоцветных изображений с мелкими деталями (например, переливающиеся кнопки с картинками) , соответственно размер у такого файла будет больше, чем в GIF или JPEG.

f

Для веб - разработчика это - .SVG