Vladimir_K

Размер фото

Recommended Posts

Здравствуйте.

Подскажите в админ зоне сайта есть где-то настройки размера фотографий в первью объявлений и на самой странице? Как вообще происходит масштабирование фото? Только через CSS?

С CSS есть набор классов, которые устанавливают высоту блока с фото - .properties-rows .property .image, но это просто параметры блока. 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Нашёл, наконец-то. 

Настройки -> Дополнительно.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
4 часа назад, Vladimir_K сказал:

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

Нужно перезалить фото

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
56 minutes ago, TopRaN said:

Нужно перезалить фото

Т.е. скачать папку img/data/ на локальный компьютер,  удалить её, а потом перезалить на сервер?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
3 hours ago, abushyk said:

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

Т.е. фраза "Нужно перезалить фото" означает, что нужно пройтись по ВСЕМ объявлениям удалить все фото и заново перезалить в каждом объявлении все фото? А если на сайте 5 000 объявлений? 

Другого способа нет? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Только что, Vladimir_K сказал:

А если на сайте 5 000 объявлений? 

есть еще приложение Toolbox и в нем перерезатель превьюшек, но, честно говоря, я им давно не пользовался поэтому не скажу что "вот оно!".

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
1 minute ago, abushyk said:

есть еще приложение Toolbox и в нем перерезатель превьюшек, но, честно говоря, я им давно не пользовался поэтому не скажу что "вот оно!".

Ну на данном этапе для нас это не критично. Мы будем переезжать со старого движка на ваш. Сейчас только всё подготавливаем. Но я просто ужаснулся от мысли, что если через годик мы решим немного уменьшить/увеличить размер фоток в превью объявлений, то это будет сделать невозможно просто!

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
16 часов назад, Vladimir_K сказал:

Ну на данном этапе для нас это не критично. Мы будем переезжать со старого движка на ваш. Сейчас только всё подготавливаем. Но я просто ужаснулся от мысли, что если через годик мы решим немного уменьшить/увеличить размер фоток в превью объявлений, то это будет сделать невозможно просто!

Toolbox хорошо работает по перегенерации превьюшек.

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 hours ago, rumantic said:

Toolbox хорошо работает по перегенерации превьюшек.

Я зашёл посмотрел в это приложение. Там 5 кнопок:

  1. Подгонка превьюшек (Uploadify)
  2. Подгонка превьюшек (Uploads)
  3. Из Uploadify в Uploads (для объявлений)
  4. Из Uploadify в Uploads (для новостей)
  5. Статистика алиасов объявлений

Но не совсем понятно как оно работает. Что будет происходить при нажатии на эти кнопки? Есть какая-то инструкция?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
3 минуты назад, Vladimir_K сказал:

Я зашёл посмотрел в это приложение. Там 5 кнопок:

  1. Подгонка превьюшек (Uploadify)
  2. Подгонка превьюшек (Uploads)
  3. Из Uploadify в Uploads (для объявлений)
  4. Из Uploadify в Uploads (для новостей)
  5. Статистика алиасов объявлений

Но не совсем понятно как оно работает. Что будет происходить при нажатии на эти кнопки? Есть какая-то инструкция?

Вам нужен пункт 2.

1. Это если у вас старый тип загрузчика, для старых версий перегон превьюшек.

2. Это для нового типа загрузчика перегон превьюшек, который у вас.

3. Это миграция всех картинок объявления из старого типа загрузчика в новый

4. Это миграция всех картинок новостей из старого типа загрузчика в новый

5. Проверка уникальности всей базы алиасов, если используется transli_alias.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
1 hour ago, rumantic said:

2. Это для нового типа загрузчика перегон превьюшек, который у вас.

А это можно делать неограниченное количество раз или только один? 

Вроде сделал всё по феншую:

  1. Зашёл в Настройки-Дополнительно
  2. Там изменил значения "Высота превью изображения объявления (apps.realty.data_image_preview_height)" с 200 на 150, "Ширина превью изображения объявления (apps.realty.data_image_preview_width)" с 200 на 150.
  3. Обновил сайт. Изображения действительно поменялись. Но потом, решил сделать не 150*150, а 150*120. 
  4. Изменил значения.
  5. Обновил сайт и... и ничего. Изображения так и остались 150*150

Кэш браузера я естественно чистил, в других браузерах открывал, ОС переустанавливал)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
41 минуту назад, Vladimir_K сказал:

А это можно делать неограниченное количество раз или только один? 

Вроде сделал всё по феншую:

  1. Зашёл в Настройки-Дополнительно
  2. Там изменил значения "Высота превью изображения объявления (apps.realty.data_image_preview_height)" с 200 на 150, "Ширина превью изображения объявления (apps.realty.data_image_preview_width)" с 200 на 150.
  3. Обновил сайт. Изображения действительно поменялись. Но потом, решил сделать не 150*150, а 150*120. 
  4. Изменил значения.
  5. Обновил сайт и... и ничего. Изображения так и остались 150*150

Кэш браузера я естественно чистил, в других браузерах открывал, ОС переустанавливал)

После изменения значений снова нужно запускать перегонку превьюшек, можно ее запускать много раз.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
19 hours ago, rumantic said:

После изменения значений снова нужно запускать перегонку превьюшек, можно ее запускать много раз.

Как оказалось превьюшки подгоняются по большей стороне, т.е. если задать 150x120 (так, как я задал в настройках), то система будет подгонять под квадрат 150x150 фото.

Но это очень плохо, что под квадрат. Потому, что все фото имеют ориентацию сторон 3:4, а квадрат выглядит как убоище какое-то.

Как можно сделать так, что бы фото резалось в заданных размерах?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 часа назад, Vladimir_K сказал:

Как можно сделать так, что бы фото резалось в заданных размерах?

В Натсройки - Дополнительно есть "Использовать умную подгонку превьюшек". Поставьтее ее в 1 или отметьте чекбокс, если єто чекбокс. При ней ВСЕ превьюшки (на всех объектах-новостях-и где только есть картинки) будут зарезаться четко в размер указанный в настройках, но именно зарезаться. Если такое нужно только для одного поля с фотками, то в Параметры в настройках этого поля в редакторе форм добавьте пареметр preview_smart_resizing=1 Это аналогично предыдущему, но имеет область действия только конкретный элемент.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 minutes ago, abushyk said:

При ней ВСЕ превьюшки (на всех объектах-новостях-и где только есть картинки) будут зарезаться четко в размер указанный в настройках, но именно зарезаться.

Смотрите, правильно ли я понимаю.

При загрузке фоток в объявление они пережимаются до указанных в настройках размеров (Настройки-Дополнительно "Высота изображения объявления (apps.realty.data_image_big_height)" и "Ширина изображения объявления (apps.realty.data_image_big_width)"). Оригиналы удаляются, если не включена соответствующая опция в Настройках.

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

Так вот, если всё так, то назрело несколько вопросов:

  1. Куда деваются предыдущие превьюшки на сервера после изменения размера, они перезаписываются?
  2. Если я захочу впоследствии изменить размер превьюшек, с использованием параметра preview_smart_resizing=1, то я смогу это сделать (используя Тулбокс)?
  3. Как всё таки решить вопрос с 3:4 для больших фото? Или если прописать preview_smart_resizing=1, то все фото будут жаться "по-умному"?

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

1. фотка приходит на сервер

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

3. исходное фото идет на обработку - из него по размерам и необходимости обрезки параллельно лепится превью и полноэкранка, которые идут в папку медиа

4 согласно настроек (юзается вотермарк, но нужно иметь копию без оного) - делается или нет дубликат большей (той которая сделалась из исходной в предыдущем пункте) в отдельную папку

5. согласно настроек на большую наносится вотермарк

6. исходник удаляется

Это при первичной загрузке.

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

16 минут назад, Vladimir_K сказал:

сли я захочу впоследствии изменить размер превьюшек, с использованием параметра preview_smart_resizing=1, то я смогу это сделать (используя Тулбокс)?

Да. тулбокс точно понимает параметр preview_smart_resizing=1 на элементе и должен понимать глобальную настройку "Использовать умную подгонку..."

 

16 минут назад, Vladimir_K сказал:

Как всё таки решить вопрос с 3:4 для больших фото?

Никак. Вы управляете не пропорциями, а лимитными размерами. Они косвенно определяют пропорцию. На мелких можно резать - это превьюхи, допустимо для них. На больших обычно резать нельзя по двум причинам:

1. кому нужна большая фотка объекта обрезанная четко под заданный объект, где отрезались края? там ведь может быть что-то важное

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
59 minutes ago, abushyk said:

Да. тулбокс точно понимает параметр preview_smart_resizing=1 на элементе и должен понимать глобальную настройку "Использовать умную подгонку..."

Не получается(

В Настройки - Дополнительно выставлено размер первью: ширина - 160, выстота - 120. Опция "Использовать умную подгонку превьюшек" - 0.

Захожу в таблицу data, в поле Фотографии и внизу, в Параметрах прописую "smart_resizing=1"

Иду в Тулбокс, жму " Подгонка превьюшек (Uploads)". Результат куча сообщений типа:

image site.com/img/data/prv593580c5d4ced_1496678597_3.jpg, sizes = array ( 0 => 150, 1 => 150, 2 => 2, 3 => 'width="150" height="150"', 'bits' => 8, 'channels' => 3, 'mime' => 'image/jpeg', ) -> not resize

На сайте тоже ничего не меняется.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

/apps/toolbox/admin/admin.php

строка 645 UPD строка 602

$params[$uf]['ph']=$this->getConfigValue('apps.realty.data_image_preview_width');

замените на

$params[$uf]['ph']=$this->getConfigValue('apps.realty.data_image_preview_height');

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
4 hours ago, abushyk said:

/apps/toolbox/admin/admin.php

строка 645 UPD строка 602


$params[$uf]['ph']=$this->getConfigValue('apps.realty.data_image_preview_width');

замените на


$params[$uf]['ph']=$this->getConfigValue('apps.realty.data_image_preview_height');

 

Да, там действительно два раза подряд стояла ширина, т.е.

$params[$uf]['ph']=$this->getConfigValue('apps.realty.data_image_preview_width');

Заменил, всё заработало. Ну, по крайней мере пока)

Спасибо за помощь.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Несколько вопросов. Фото загруженные в объявления храняться в img/data/. С этим понятно.

В 14.06.2017 в 12:37, abushyk сказал:

3. исходное фото идет на обработку - из него по размерам и необходимости обрезки параллельно лепится превью и полноэкранка, которые идут в папку медиа

1. В какую папку медиа?

 

В 14.06.2017 в 12:37, abushyk сказал:

4 согласно настроек (юзается вотермарк, но нужно иметь копию без оного) - делается или нет дубликат большей (той которая сделалась из исходной в предыдущем пункте) в отдельную папку

2. В какую отдельную папку? И сразу другой вопрос - при включенной "Сохранять копию изображений без водяного знака (save_without_watermark)" где хранятся оригиналы?

 

3. Можно как-то реализовать загрузку изображений при подаче объявлений по пользователям? Т.е. что-то типа

img/data/user1/
img/data/user2/
img/data/user3/
img/data/user4/
img/data/user5/
...

Если система многопользовательская, то в папке img/data/ со временем скопиться очень много изображений. Это не удобно для работы и корректировок каких-то в случае необходимости.

 

К слову скажу, что у нас наложение ватермарка включено. Сохранение оригиналов загружаемых фото тоже. Нужно теперь до конца понять что куда и когда ложится.

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
32 минуты назад, Vladimir_K сказал:

Несколько вопросов. Фото загруженные в объявления храняться в img/data/. С этим понятно.

1. В какую папку медиа?

 

2. В какую отдельную папку? И сразу другой вопрос - при включенной "Сохранять копию изображений без водяного знака (save_without_watermark)" где хранятся оригиналы?

 

3. Можно как-то реализовать загрузку изображений при подаче объявлений по пользователям? Т.е. что-то типа

img/data/user1/
img/data/user2/
img/data/user3/
img/data/user4/
img/data/user5/
...

Если система многопользовательская, то в папке img/data/ со временем скопиться очень много изображений. Это не удобно для работы и корректировок каких-то в случае необходимости.

 

К слову скажу, что у нас наложение ватермарка включено. Сохранение оригиналов загружаемых фото тоже. Нужно теперь до конца понять что куда и когда ложится.

 

Без водяного знака фото сюда идут 

/img/data/nowatermark

Много фоток - есть экспериментальная функция

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
39 минут назад, rumantic сказал:

Без водяного знака фото сюда идут 

/img/data/nowatermark

save_without_watermark включено, загружаю с фронта фотки. Пробовал несколько раз. Никакой папки nowatermark у меня так и не появилось. Скрин во вложении.

Clip2net_170703131941.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 минуты назад, Vladimir_K сказал:

save_without_watermark включено, загружаю с фронта фотки. Пробовал несколько раз. Никакой папки nowatermark у меня так и не появилось. Скрин во вложении.

Clip2net_170703131941.png

Надо ее вручную создать эту папку.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 минуты назад, rumantic сказал:

Надо ее вручную создать эту папку.

А вы юморист))) Сразу нельзя было сказать?

Заработало.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас