Автор Тема: Работа с картинками  (Прочитано 438 раз)

Оффлайн AndrewBerezin

  • Администратор
  • Постоялец
  • *****
  • Сообщений: 105
    • Просмотр профиля
Работа с картинками
« : 02 Октября 2016, 16:01:05 »
В Zen-Cart количество картинок для товара не ограничено. У товара указывается только одна картинка. Названия остальных вычисляются.

Размеры картинок

Для картинок (фотографий) товаров используются три базовых размера:

Маленькая картинка, которая показывается в списке (листинге) товаров. В данном случае качество картинки не столь важно. Скорее здесь важен объём картинки, т.к. в листинге товаров этих картинок много и, соответственно, их общий суммарный объём может серьёзно повлиять на скорость загрузки страницы. Рекомендуемый размер картинки – не более 100х100 пикселей.
Размеры маленьких картинок задаются в Админе – Конфигурация – Изображения. Обратите внимание, что в zen-cart есть возможность определить различные размеры маленькой картинки для разных списков товаров.

Средняя картинка, показывается на странице товара (карточка товара). Здесь уже предъявляются повышенные требования к качеству картинки, её размер должен позволять с первого взгляда рассмотреть товар.
Размеры средних картинок задаются в Админе – Конфигурация – Изображения.

Большая картинка, которая показывается в всплывающем окне. Здесь нет никаких ограничений на объём и размер картинки. В разумных пределах конечно.
При создании/редактировании товара указывается имя и расположение маленькой картинки в директории images/. Средняя и большая картинки должны иметь тоже самое имя (с учётом суффиксов) и располагаться соответственно в поддиректориях images/medium/ и images/large/. Суффиксы определяются в Админе – Конфигурация – Изображения. По умолчанию _MED для средних картинок и _LRG для больших (эти атавизм osc). Я рекомендую убирать эти суффиксы, т.е. делать их пустыми.

Дополнительные картинки

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

Лучше всего картинки распределять по поддиректориям с соответствующими брендами или по категориям (классификация - дело вкуса, но классифицировать картинки нужно). Например:

images/brend1/11.jpg
images/brend1/11_1.jpg
images/brend1/11_2.jpg
images/medium/brend1/11.jpg
images/medium/brend1/11_1.jpg
images/medium/brend1/11_2.jpg
images/large/brend1/11.jpg
images/large/brend1/11_1.jpg
images/large/brend1/11_2.jpg
images/brend1/12.jpg
images/brend1/12_1.jpg
images/medium/brend1/12.jpg
images/medium/brend1/12_1.jpg
images/large/brend1/12.jpg
images/large/brend1/12_2.jpg
images/brend1/13.jpg
images/brend1/13_1.jpg
images/medium/brend1/13.jpg
images/medium/brend1/13_1.jpg
images/large/brend1/13.jpg
images/large/brend1/13_1.jpg
images/brend2/21.jpg
images/medium/brend2/21.jpg
images/large/brend2/21.jpg
images/brend2/22.jpg
images/medium/brend2/22.jpg
images/large/brend2/22.jpg

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

Выбор размера картинок

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


Подготовка картинок
Ручная подготовка картинок
Один из самых простых способов - использование бесплатной программы IrfanView (http://www.irfanview.net/), которая позволяет в пакетном режиме сформировать картинки заданных размеров. Я обычно формирую четвёртую директорию картинок /orginal/, куда складываю оригиналы картинок, соответственно раскладывая их по брендам (хотя можно использовать и другую классификацию). После этого в IrfanView в режиме Batch Conversion создаю картинки трёх размеров: large/, medium/ и маленькие.
Тоже самое можно сделать в других бесплатных програмах, например FastStone Photo Resizer, XnView, или создав action в Adobe Photoshop.

Автоматическая "нарезка" картинок
Есть очень популярный модуль Image Handler 3. Не смотря на наличие скрытых проблем последняя версия работает не так уж и плохо.
Кроме собственно нарезки поддерживает водные знаки, имеет в своём составе менеджер картинок товара, поддерживает работу с картинками атрибутов.

Закачка картинок на сервер
FTP-менеджеры
FileZilla
Для закачки картинок на сервер, да и вообще для работы с фтп сервера, можно воспользоваться весьма популярным бесплатным FTP-менеджером FileZilla.
Прост в обращении,
На русском языке,
Удаленная правка файлов,
Удаленный поиск,
Сравнение директорий,
и многое другое.
Есть отличная документация для начинающих, руководство пользователя, и другая документация.
Far Manager
Другой известный бесплатный файл-менеджер - это Far Manager.
Простой, быстрый, куча плагинов. Но никаких GUI, что для некоторых пользователей (мне в том числе) и/или в некоторых случаях представляется значительным плюсом.

Использование инструментов скрипта
В составе модуля Image Handler 3 есть менеджер картинок товара. Переходите на страницу http://<your-domain>/YOUR_admin/image_handler.php?page=manager
Выбираете категорию с товарами, выбираете товар - видите все его картинки. Можете удалить, изменить, загрузить новые.
Для работы с картинками и другими файлами также можно использовать файл-менеджер, задействованный в TinyMCE.