Оптимизация изображений для размещения на сайте |
06.02.2012 г. | ||||||||||||||||||||||||||||||||||||||||||||
1. Какие форматы изображений следует использовать на сайте?Рассмотрим все на примерах. Ниже вы увидите одну и ту же картинку, сохраненную в разных форматах. Размер изображения везде одинаковый – 250х187.
Подведем итоги: самым тяжеловесным форматом оказался bmp, а самым легковесны – gif. Тем не менее, картинка в формате gif исказилась, ближайшим по размеру форматом оказался jpg. При этом jpg картинки не искажается при таком разрешении изображения. Таким образом, для маленьких картинок специального назначения, особенно, если вам нужна анимация, ваш выбор - gif, для фотографий хорошо использовать jpg, а для диаграмм и изображений с малым количеством цветов - png. Формат bmp мы использовать вообще не рекомендуем. Правило: Старайтесь использовать на сайте изображения в формате jpeg или gif. Также в некоторых случаях целесообразно использовать png. Конвертировать же изображения очень просто. Кликните правой кнопкой мыши по картинке, выберите "открыть с помощью - Paint". Открывается рисунок, и в меню "файл" есть опция "сохранить как", где вы можете выбрать формат изображения. 2. Какого разрешения (размера) изображения необходимо загружать на хостинг?Давайте сравним изображения:
На изображении справа мы лишь изменили разрешение изображения до реально необходимого размера и сэкономили при этом до 9 раз места, что благоприятно отразится на скорости загрузки изображения и всего сайта. Заметьте, что на глаз разницы практически не видно. Как уменьшить размер фотографии?
Правило: Изображение на сайте нужно размещать реально необходимого размера, а не изменять размер при помощи браузера. |