Лучший формат изображения для Интернета

Добавляя изображение на страницу, не всегда уделяется достаточно внимания, каким типом является изображения. Хотя это может быть очень важно не только для качества и производительности, но даже и в целом для отображения изображения. Ведь не все браузеры поддерживают некоторые типы изображений.

Чтобы выбрать лучший тип изображения нужно определить главные требования к нему:

- Изображение должно быть хорошего качества -
- Загрузка страницы с изображением должна быть быстрая -
- Изображения должно поддерживаться максимальным количеством браузеров -

Чтобы выбрать типы изображений поддерживаемых большинством браузеров, нужно взять самые популярные. На сегодняшний день такими являются JPEG(*.jpg) и PNG (*.png).

Но какой же из них лучше использовать? Здесь ответ не однозначный и для разных изображений разный тип может быть лучшем. Всё зависит от того, что изображено. Если мы работаем с фотографией которая имеет много цветов и оттенков, то здесь следует выбирать тип изображения JPEG, так как изображение будет лучшего качества и иметь меньший размер чем то же в формате PNG.

Это изображение в формате JPEG занимает 148 KB (для сравнения в PNG оно займет 1.52 MB – больше чем в 10 раз!):

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

Это изображение в формате PNG занимает 41 KB (Для сравнения в формате JPEG займет почти в два раза больше и потеряет такое свойство как прозрачность):

Так что выбор очевиден: если у вас портрет – JPEG, если диагрмма на которой ограниченное количество цветов и цветовых оттенков – PNG.

И напоследок фото альбом с портретами, конечно же в формате JPEG: