Как подготовить фотографии для сайта

Фото-галереи, статьи или блог привлекут больше посетителей на сайт, если они будут грамотно оформлены иллюстрациями

Знаете, на что первым делом обращает внимание посетитель сайта? Правильно! На фотографии и иллюстрации.

Если фото будут «знакомыми» по другим ресурсам, это существенно снизит доверие к вашему контенту. Важно помнить, что изображения, все изображения, которые находятся на сайте, это — важная и неделимая часть дизайна всего сайта.

Одновременно, фотографии «пожирают» ресурс сайта. Другими словами, они могут долго грузиться. Если такое происходит, никто долго на вашем ресурсе, не задержится.

Именно по этой причине, прежде, чем загружать фотографии и иллюстрации на сайт, их нужно подготовить соответствующим образом.

Начнем с того, в каком формате лучше сохранять изображения для сайта? Это может быть формат JPEG или PNG. Лучше использовать их. Они всегда отображаются корректно. Такие фотографии легко сжимаются, и весят немного.

Секрет!
Чтобы картинка органично смотрелась на сайте, выбирайте при сохранении количество точек на дюйм — 72 dpi, а цветовой профиль — sRGB.

Такие картинки и фотографии будут быстро загружаться.

То же самое относится и к пикселям. Например, фотография размером 4000х2000 будет намного тяжелее, чем фотография на 400х200 пикселей.

Много весит фотография, где присутствует много цветов и мелких деталей.

На качество отображения фотографии и иллюстраций на сайте влияет и степень сжатия фотографии.

Большую фотографию лучше сохранять в качестве чуть выше среднего, чтобы уменьшить размер файла и увеличить скорость загрузки сайта. Максимальный размер фото для сайтов — до 10 Мб.

В тот момент, когда вы загружаете фотографию на сайт, система автоматически создаст сразу несколько ее копий с различной шириной:

•    500 пикселей
•    1000 пикселей
•    2000 пикселей.

Для чего это делается? Для того, чтобы все посетители вашего сайта видели их в оптимальном размере. Неважно, с какого устройства они будут заходить на сайт.

Если ширина загружаемой картинки больше 2000 пикселей — система автоматически выполнит оптимизацию.

Поэтому, чтобы во время оптимизации картинка не исказилась, избегайте изображений, превышающих по ширине 2000 пикселей.

Можно и самому оптимизировать фотографии и иллюстрации для загрузки на сайт. Для этого существуют специальные программы. Например, Adobe Photoshop или Gimp.