Настройка размеров эскизов фотографий в приложении «Фото»

При загрузке любой фотографии в приложении «Фото» создается несколько уменьшенных вариантов (эскизов) этой фотографии. Эскизы разного размера используются при отображении фотографий внутри приложения (в бекенде) и на сайте — в вашей фотогалерее.

Количество эскизов и их размеры зависят от настроек приложения.

Стандартные и дополнительные размеры эскизов

В настройках приложения доступно несколько стандартных размеров.

Эти стандартные размеры используются в бекенде приложения и также могут использоваться и в публичной фотогалерее (на сайте). Какие именно размеры используются для отображения фотографий на сайте, зависит от вашей темы дизайна. Для того чтобы узнать, какие размеры эскизов использует тема дизайна, перейдите в раздел «Дизайн», выберите тему из выпадающего списка и посмотрите информацию об эскизах в нижней части секции «Оформление».

Если здесь упомянуты размеры, отличающиеся от стандартных, то может потребоваться настройка дополнительных размеров, как описано ниже.

Когда нужно настраивать дополнительные размеры эскизов

Дополнительные размеры рекомендуется настроить, если они перечислены в настройках темы дизайна или справочной документации к ней.

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

  1. Настройте новые размеры, как описано ниже.
  2. Включите настройку «Разрешить создание эскизов произвольных размеров по требованию». С этой настройкой приложение «Фото» автоматически создает нужный эскиз каждый раз, когда необходимо показать на сайте фотографию нестандартного размера, отображает эскиз в браузере пользователя и сохраняет его для дальнейшего использования.

Как добавлять дополнительные размеры эскизов

При добавлении собственного размера эскизов выберите один из вариантов масштабирования и обрезки фотографий. Их описания приведены ниже.

Вписывание в квадрат по ширине и высоте [200]

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

Ограничение по ширине [200x0]

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

Ограничение по высоте [0x200]

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

Квадратная обрезка [200x200]

Из середины оригинального изображения вырезается квадрат максимальной площади и уменьшается до указанного размера. Если оригинальное изображение квадратное, то оно просто уменьшается до указанного размера.

Прямоугольная обрезка [200x100]

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

5 комментариев

  • +1
    Dar Dar 22 мая 2018 12:29 #

    Как сделать эскизы в PNG? У меня черный сайт... мне все картинки ручками на черном сохранять? ((

  • +1
    Тихонова Анастасия Тихонова Анастасия 22 августа 2019 00:41 #

    как обойти ограничение в размере 970 px? баннер на сайте нужен 1200 или 1150 px, и отдельно для Retina x2. в текущем варианте сайт вначале сужает изображение до 970, а потом растягивает до 1200, вокруг букв и цифр появляется характерный муар.jpg.

    • +1
      Михаил Ушенин Михаил Ушенин Webasyst 26 августа 2019 15:53 #

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

    • +1
      Олег Олег 28 ноября 2019 17:11 #

      Может конечно не туда пишу вопрос. Такой вопрос, как в приложения Фото, скрыть с сайта "Фотопоток"?

      Добавить комментарий

      Чтобы добавить комментарий, зарегистрируйтесь или войдите