Картинки на сайте – какими они должны быть
Хороший сайт, конечно, должен иметь графику, в том числе и различные изображения. Они есть не только в дизайне, но и в текстах – это картинки самого разного назначения, от иконок до фотографий.
Многие совершенно не придают этим элементам особого значения и потом сильно удивляются, почему их сайт плохо продвигается в поиске, а на хостинге быстро заканчивается место. Бывают и другие проблемы, например, слишком большая нагрузка на сервер, отчего приходится переходить на всё более дорогие тарифы хостинга.
А всё оттого, что картинкам на сайте не уделяется должного внимания, и очень зря. Давайте посмотрим, какие проблемы из-за этого могут появиться, и как их можно избежать.
Как картинки влияют на качество сайта
Когда вы добавляете новую страницу на свой сайт, вы должны помнить о балансе красоты и скорости загрузки. Ведь можно очень легко сделать страницу такой «тяжёлой», что посетители будут ждать её появления очень долго. Далеко не все дожидаются и уходят, а это поисковики считают «отказом». Чем больше процент таких отказов, тем хуже для поискового продвижения – сайт считается некачественным и хорошие позиции ему будет очень сложно получить.
Кроме того, нужно учитывать, что картинки используются не только в вашем тексте, но и в дизайне сайта, и их может быть довольно много – это логотип, различные иконки и значки, а иногда ещё и фоновые.
Поэтому все свои изображения нужно максимально оптимизировать, чтобы страница не становилась очень тяжёлой и быстро загружалась.
Оптимальные размеры картинок для сайта
Универсального ответа по поводу конкретного размера здесь не будет. Дело в том, что все сайты разные и оптимальный размер картинок нужно подбирать самостоятельно. Для этого следуйте одному простому совету.
Картинки не должны иметь избыточный размер – если на сайте они будут, например, занимать всю ширину страницы, то не имеет смысла делать их ширину больше. Например, если ширина контентной части ограничена 800 px, нет смысла вставлять туда фото шириной 1900 px. Исключение – если по клику картинка должна увеличиваться до большего размера.
Помните, что даже огромные изображения на сайте всё равно сожмутся до пределов отведённого для них места. Это и есть оптимальный для них размер.
С другой стороны, слишком уменьшать картинки тоже не следует, иначе они будут растягиваться, и от этого будет портиться их качество. Всегда лучше сделать их немного больше, чем нужно, чем обрезать чересчур сильно.
Как уменьшить «вес» картинок
Чем больше картинка по размеру, тем больше она весит в килобайтах или даже в мегабайтах. Например, одна фотография с фотоаппарата или с камеры телефона может весить 5-10 мегабайт, а то и больше. При этом и размеры её тоже слишком большие.
Очень часто владельцы сайтов вставляют в свои статьи прямо такие фотографии. При этом даже одной-двух вполне хватит, чтобы страница стала очень долго загружаться, особенно, если у посетителя медленный интернет. К тому же несколько гигабайт места на хостинге очень быстро забиваются такими огромными картинками.
Поэтому всегда нужно такие большие изображения уменьшать в размерах. Вместе с этим будет значительно уменьшаться и их вес. Например, фотография, уменьшенная до размера 800 х 600 px может весить всего 100 кб, если сохранить её в формате JPG с вполне приемлемым качеством в пределах 80-85. При этом она вполне встанет на всю ширину текста на большинстве блогов и сайтов.
Чтобы уменьшать изображения, можно воспользоваться многими простыми программами – ACDSee, FastStone Image Viewer и подобными. Их очень много, в том числе бесплатных, и они все могут выполнять такие простые действия, как уменьшение или обрезка картинок.
Сколько картинок должно быть на странице
В этом вопросе тоже следует соблюдать баланс, а универсального ответа нет. Количество изображений должно быть ровно таким, какое требуется для нормального восприятия содержимого страницы. То есть не нужно добавлять их просто так, «чтобы выглядело красиво и богато». Вся красота, не имеющая смысла, только замедляет страницу, а графика – самая тяжёлая её часть.
Если вам нужно вставить иллюстрации по теме – вставляйте, но предварительно обработав их размеры до нужных пределов. Однако помните, что много объёмных картинок использовать не следует. Также и в случае небольших следует соблюдать меру.
Всё это поможет сделать страницы вашего сайта по-прежнему хорошо иллюстрированными и красочными. Но при этом они будут загружаться гораздо быстрее, а ваши позиции в поиске станут улучшаться.