1. ВЫБЕРИТЕ ПРАВИЛЬНЫЙ ФОРМАТ
Прежде чем начнёте добавлять изображения на свой сайт, нужно убедиться, что выбрали лучший тип файла.
Хотя существует множество форматов изображений, наиболее распространенными для Интернета являются PNG и JPEG.
PNG: создает изображения более высокого качества, но имеет больший размер файла.
JPEG: вы можете потерять качество изображения, но вы можете отрегулировать уровень качества, чтобы найти хороший баланс.
WebP: Google рекомендует применять этот формат сжатие без потерь или с потерями. Используя этот формат изображения для веба, поддерживаемый как Chrome, так и Firefox. Однако продукция компании Apple этот формат не поддерживает.
Чтобы угадить всем ставится скрипт определяющий версию обозревателя, в затем выводящий формат, соответствующий обозревателю.
Обычно используют JPEG только для больших и визуальных изображений, сделанных хорошим фотографом. Но для повседневного использования PNG – лучший вариант, особенно когда нужен прозрачный фон.
Размер изображения и размер файла – это не одно и то же. Размер изображения относится к размерам изображения (например, 1024 на 680 пикселей). Размер файла – это объем места, необходимый для его хранения на сервере (например, 350 килобайт).
Изображения с более высоким разрешением и большими размерами (часто созданные с помощью профессиональной камеры) значительно замедляют загрузку страницы. Хотя они хорошо подходят для воспроизведения печати, вам необходимо уменьшить размер файла, не теряя слишком много качества, чтобы они хорошо работали в Интернете.
Согласно HTTP Archive, изображения составляют в среднем 21% от общего веса веб-страницы.
Чтобы изображения занимали меньше четверти веса веб-страницы рекомендуется максимально сжимать их перед загрузкой на сайт.