Оптимизация изображений для сайта
Сегодня поговорим о том, как правильно оптимизировать изображения на сайте, какие предъявляются требования.Размер изображений
С помощью программ обработки изображений (графических редакторов) уменьшаем ширину/высоту картинки. Чем меньше картинка, тем быстрее она загрузится на сайте. Поэтому размер должен быть именно таким, какой он будет на сайте: если вам необходимо показывать картинку 300 на 300 px, нет смысла добавлять картинку размером больше, это лишь уменьшит скорость загрузки сайта.Вес изображения
После того, как картинка приведена к нужному размеру, сжимаем картинку по весу до максимума, но без видимой потери качества. Сделать это можно в графическом редакторе или с помощью онлайн сервиса, например, TinyPNG.Название картинки
Критерии, которым должны соответствовать название картинок на сайте:
- Глядя на имя изображения должно быть понятно что на нем изображено. По возможности использовать ключевые фразы;
- Только латинские буквы, кириллицу лучше не использовать (исключение для кириллических доменов);
- НЕ использовать знаки . , _ \ ( ) : » “ + * = & ? ! ;
- Разделителем между словами в названии должно быть тире;
- Два тире подряд не должно быть;
- Использовать только строчные буквы;
- Не использовать без необходимости цифры в URL.