Часто задаваемые вопросы
Как подогнать изображение под размер Слайдера на сайте?
Чтобы избежать обрезания изображений или появления пустых полей, необходимо правильно подбирать изображения для слайдера. Для этого нужно знать размеры слайдера на Вашем сайте.
1. Определите размеры слайдера:
В первую очередь, выясните, какие размеры и соотношение сторон имеет слайдер ("рама" или "фоторамка") на Вашем сайте.
Ниже приведена таблица с размерами слайдеров для разных шаблонов CMS "Веб-Мастерская":
| Шаблон | Максимальное соотношение сторон слайдера (ширина х высота) в пикселях |
|---|---|
| 1 | 1170 х 485 |
| 2 | 1120 х 560 |
| 3 | 1134 х 499 |
| 4 | 1170 х 401 |
| 5 | 938 х 413 |
| 6 | 840 х 420 |
| 7 | 848 х 424 |
| 8 | 764 х 382 |
| 9 | 1420 х 625 |
Соотношение сторон в Слайдере для Шаблона № 1
Соотношение сторон в Слайдере для Шаблона № 2
Соотношение сторон в Слайдере для Шаблона № 3
Соотношение сторон в Слайдере для Шаблона № 4
Соотношение сторон в Слайдере для Шаблона № 5
Соотношение сторон в Слайдере для Шаблона № 6
Соотношение сторон в Слайдере для Шаблона № 7
Соотношение сторон в Слайдере для Шаблона № 8
Соотношение сторон в Слайдере для Шаблона № 9
2. Подготовьте изображение:
- Лучший вариант: Обработайте изображение в графическом редакторе (например, Photoshop, FastStone Image Viewer или онлайн-сервисах). Придайте изображению пропорции, соответствующие пропорциям слайдера на Вашем сайте.
- Альтернативный вариант: Загрузите изображение в систему, как есть, и позвольте системе автоматически масштабировать его. Однако, в этом случае возможно обрезание изображения (если выбран режим "Заполнить всю область") или появление пустых полей (если выбран режим "Вместить целиком").
Калькулятор пропорций слайдера
Калькулятор соответствия картинки размерам слайдера
3. Проверьте результат (инструмент "Примерка изображения к слайдеру")