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

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

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

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

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

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

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

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

Best image size example

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

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

Best image size example

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

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

Best image size Photo Album