> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.support-vigbo.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Как подготавливать фотографии для Фотогалерей и Блога Изображения — это неотделимая часть дизайна сайта. Но помимо внешнего оформления, изображения определяют вес вашего сайта и влияют на то, с какой скоростью будут загружаться страницы. Для того чтобы добиться оптимального соотношения качества фотографий и при этом не ухудшить загрузку, необходимо правильно подготовить изображения перед добавлением их на ваш сайт. --- # В каком формате лучше сохранять изображения для сайта? Мы поддерживаем два основных формата изображений: JPEG (JPG) и PNG. Также возможно добавление формата GIF на сайт, но изображения этого формата могут обрабатываться некорректно при загрузке. JPEG является приоритетным, так как картинки такого формата легче сжимаются без потери качества, к тому же и вес их небольшой. PNG формат используется для создания картинок с прозрачным фоном, маленьких изображений или изображений с небольшим количеством цветов. Существует две разновидности данного формата: 1. PNG-8 — использует 256 цветов и ограниченную прозрачность, в сравнении с PNG 24. 2. PNG-24 — использует 16 млн. цветов. Имеет гораздо больший вес по сравнению с PNG-8, зато есть возможность задать полупрозрачность пикселям; Сложные изображения с плавными переходами цвета (градиентами, небом и т. д.) требуют палитр большего размера. Если ваше изображение состоит из небольшого количества цветов, большая палитра лишь увеличит размер изображения. > **ВАЖНО**: выбирайте при сохранении количество точек на дюйм — **72 dpi**, а цветовой профиль — **sRGB**. --- # Вес Чем легче картинка, тем быстрее она загружается. Вес зависит от трех параметров: 1. Размер изображения в пикселях (фотография размером 3000х2000 пикселей тяжелее, чем фото 300х200 пикселей). 2. Содержания самой картинки — чем больше на фото мелких деталей и цветов, тем больше она весит. 3. Степень ее сжатия (качество фото). Вы удивитесь, но сохранять изображение в наилучшем качестве — не всегда хорошая идея. Фоновые изображения и картинки, которым не обязательно иметь большое разрешение, можно сохранять в качестве чуть выше среднего, чтобы уменьшить размер файла и увеличить скорость загрузки сайта. --- # Что происходит при загрузке изображения на сайт? При загрузке изображения на сайт, система автоматически создает несколько копий фотографий в разном разрешении. В результате автоматического преобразования сохраняется три копии изображения с различной шириной: * 500 пикселей * 1000 пикселей * 2000 пикселей. При этом высота фотографии изменяется пропорционально ширине. Для посетителей вашего сайта на разных устройствах будут показаны фотографии в оптимальном размере. ![Screenshot-78.png](https://storage.crisp.chat/users/helpdesk/website/-/a/a/3/d/aa3d214060894800/a0870250-0de3-4b56-85f8-f7d768_4x9grm.png) Если ширина загружаемого изображения больше 2000 пикселей, то система автоматически выполнит оптимизацию. Т.е. если вы загружаете оригинал фотографии размером 5000 пикселей по ширине и объемом 2 мб, максимально используемая сайтом копия фото будет по ширине 2000 пикселей и объемом около 1 мб. Так как программная оптимизация может повлиять на качество фото, то желательно избегать изображений, превышающих по ширине 2000 пикселей. Мы рекомендуем подготовить фотографии заранее, перед загрузкой их на сайт. **Самое оптимальное фото — это изображение не более 2000 рх по ширине и объемом не более 600 кб.** Получить оптимизированное изображение вы можете двумя способами: * Оптимизация с помощью функции «Save for Web» графических редакторов (например, Adobe Photoshop, Gimp и т.д.). Можно использовать online-версию редакторов. * Оптимизация с помощью сервисов или программ по оптимизации (например, [tinypng.com](https://tinypng.com/)). Если вы используете функцию «Save for Web» графических редакторов, то дополнительная оптимизация сторонним сервисом не нужна. Вы можете самостоятельно установить нужную степень сжатия (alt+shift+ctrl+S) и в настройках указать процент сжатия (оптимальное значение 89%) при сохранении фото и в большинстве случаев этого будет достаточно. --- # Какое количество фотографий можно загрузить на сайт? Вы можете загрузить неограниченное количество фотографий на сайт, но всегда помните, что добавление большого количества фотографий в одну галерею приведет к уменьшению скорости загрузки сайта. Поэтому мы рекомендуем загружать **не более 60 заранее оптимизированных фотографий** на страницу. Большие галереи лучше разбить на несколько отдельных и разместить на разных страницах. --- # Оптимизация изображений в слайдере В результате автоматического преобразования изображений для слайдера, дополнительно создается копия фотографии шириной 2560 пикселей. Таким образом, если вы загружаете фотографию в слайдер размером 5000 пикселей по ширине и объемом 2 мб, максимально используемая сайтом копия фото будет по ширине 2560 пикселей и объемом около 1 мб. **Выводы**. Вес изображений влияет на загрузку сайтов. Оптимизировав изображения, вы снизите вес и повысите быстродействие. Выбирайте правильный размер изображений. Размещая на сайте фотографии большего размера, вы вынуждаете пользователей скачивать лишние данные. Используйте подходящие форматы: PNG — для изображений с прозрачностью, с небольшим количеством цветов или для маленьких изображений, JPEG — для всего остального. Оптимизируйте изображения в графических редакторах или в специальных сервисах.