Вход • Регистрация

Проблема с фотографиями

  • 13 марта 2017 г.
  • Здравствуйте, не нашел на вашем сайте техподдержку, так что напишу сюда, если что заранее извиняюсь. Подскажите пожалуйста, когда я выставляю фото на сайт, они получаются обрезанные или смещенные, никакие настройки в блоке обработки изображений не помогают, фото все немного разные, какие-то смещаются левее, какие-то выше, какие-то правее и т.д. Подскажите, как сделать что бы все фото были одинаковые? Если выставлять их на другие платформы-сайты ( например ВКОНТАКТЕ ), все изображения загружаются и выглядят одинакого ( на вашем сайте кстати тоже, косятся только изображения превью. )
    •
    • 13 марта 2017 г.
    • Для того чтобы вам могли подсказать как правильно настроить вывод изображений дайте ссылку на сайт.
  •
  • 13 марта 2017 г.
  • http://dmitriykorovkin-52413.f1.gu3.ru/?96890
    Вот ссылка на сайт, первые фотографии все одинаковые ( различия в 100 пикселей ), но при всем при этом одни обрезанные других смещенные
    • 14 марта 2017 г. , редакция: 14 марта 2017 г.
    • Проверьте, что в настройках Обработки изображений стоит?

      Обрезание или просто уменьшение. А то что по разному выглялят, так это лучше тогда к одному размеру фотографии привести.
  • 14 марта 2017 г.
  • Стоит обрезать, уменьшение пробовал, фотографии превью (т.е. именно на главной страницу ) все равно обрезаются и выглядят немного по разному ( где-то белые поля, где-то фото почему-то меньше ). Впринципе могу привести фотографии к одному размеру, просто товаров много и это долго, решил узнать нет ли способа выставить что-то в настройках что бы не обрабатывать такое кол-во товаров.
    • 14 марта 2017 г.
    • Вы знаете что под каждый модуль можно использоватб и нужно свои правила обработки изображений?
      И тогда если хорошо для новостей показываются фото - то не будут вылезать вилы с теме же поавилами в товаре или статьях....
    •
    • 14 марта 2017 г. , редакция: 14 марта 2017 г.
    • Способ есть. В обработке можно установить разные параметры и несколько шагов для обработки фото. Но рекомендуемую часто "Обрезку" я вообще не использую и другим не советую. Ниже поясню - почему:

      Допустим, нам для сайта нужен типоразмер 600х600px. Берём для тестов 4 файла - 500х800, 800х500, 1600х800 и 800х1600.



      Я всегда генерирую изображения, выставляя им один из параметров (ширину или высоту) в качестве константы, а второй ставлю в зависимость от первого (пропорции):



      Опция "Изменить пропорционально" не позволяет искажать изображение при сжатии (вытягивать его), а галка "Уменьшение по меньшей стороне" позволяет получить все фото с высотой (в данном примере) 600px, т.к. крайне маловероятно, что кто-то будет загружать изображение с соотношением размеров 400:6.

      В итоге получаем на выходе изображения с одинаковой высотой. В ряде случаев ширина фото может оказаться выше требуемой (более 600px). Для обхода этого я оборачиваю (там, где требуется) изображения в любой конструктивный блок и настраиваю этот блок с помощью CSS:
      Код
      HTML
      <div><img></div>
      CSS
      div { height:600px; overflow:hidden; }


      Таким образом, все излишки срезаются по высоте свойством overflow. Если ширина изображения в результате ниже 600px, то это в глаза не бросается.

      Что касается обрезки, то тут есть ряд минусов, которые лично для меня неприемлемы.
      Оба параметра "Обрезки" (ширину и высоту) нужно обязательно указывать. Пропорциональной обрезки в настройках нет, поэтому если один из этих параметров будет выше параметров фото, то оно обрежется "в плюс" без учёта пропорций размеров (!), как бы абсурдно это не выглядело на практике.



      Поэтому при обрезке нужно точно указывать те размеры, которые требуются на выходе. Поскольку изображение всегда несёт информацию, обрезать его нужно по возможности как можно меньше. Поэтому сначала делаем подгонку под размер (ресайз), а затем уже режем оставшуюся сторону. Это не спасёт вас от белых полос, если размер изображения на входе окажется меньше требуемого. И вот это уже прилично бросается в глаза!



      Поэтому я всегда делаю средствами Diafan ресайз с сохранением пропрорций, а "обрезаю" фото уже в вёрстке средствами CSS родительского блока.

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум