apelsin77

Обрезка вертикальных и горизонтальных изображений

Рекомендуемые сообщения

apelsin77    0

Всем, привет!

 

У меня интернет-магазин картин, есть картины как вертикальные так и горизонтальные.

 

Соответственно обрезка изображений под один размер никак не подходит.

Нужна возможность задания размеров изображений в админке как для вертикальных так и для горизонтальных фото.

 

Т.е движок должен определять (по больше стороне) ориентацию изображения и обрезать ее в соответствии с настройками.

 

Интересует цена и сроки реализации такой доработки.

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


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

Собственно, а зачем?

Движок и так изменяет размеры по большей стороне.

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

1200х600, 1200х100, 500х1200 и т.д.

Или вы хотите вообще все изображения сделать строго двух размерностей?

Или вы хотите именно обрезать изображения, а не размеры изменять ?

Изменено пользователем Shureg

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


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

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

1тр это стоит

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


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

Ну.. а ведь не все картины имеют четкий размер

 

Поэтому возможно нужен другой подход?

 

Т.е. просто масштабировать..

 

Делать кроп для превью и масштабировать для вывода в "попап"

 

вот примерно, так

 

http://artvog.slasoft.kharkov.ua/abstrakcii/

Там не всегда есть кроп - как-то сломал, а чинить на демо не хочется.

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


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

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

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


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

Где то была тема про адаптивный ресайз на форуме

Воспользуйтесь библиотекой ThumbLib

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


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

 

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

Вот как раз в пример нет заполнения..

а есть  чистый ресайз.

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


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

Собственно, а зачем?

Движок и так изменяет размеры по большей стороне.

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

1200х600, 1200х100, 500х1200 и т.д.

Или вы хотите вообще все изображения сделать строго двух размерностей?

Или вы хотите именно обрезать изображения, а не размеры изменять ?

C чего вы взяли что так будет работать?

Если я задам 1200 на 1200 то все фотки будут такого размера и по бокам или сверху/снизу будут белые полосы.

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


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

Где то была тема про адаптивный ресайз на форуме

Воспользуйтесь библиотекой ThumbLib

Из описания этого метода:

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

 

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

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


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

https://opencartforum.com/topic/19493-adaptivnyi-resize-izobrazhenii-resheno/?do=findComment&comment=142831

 

Тут эта тема со всех сторон обсмотрена )

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


Ссылка на сообщение
Поделиться на другие сайты
freelancer    1 410
Shureg, и в ней же я продвигаю стандартные возможности движка

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От alexsoftdev

      1 499.00 руб
      Скачать/Купить дополнение


      Модуль для Opencart - NeoSeo Удаление неиспользуемых картинок
      Выдача лицензии на Модуль для Opencart - NeoSeo Удаление неиспользуемых картинок происходит автоматически. При оформлении заказа, обязательно укажите доменное имя вашего сайта.
       
      У вас накопилось так много изображений что требуется поменять тариф на хостинге? А все ли изображения используются? Возможно большая их часть была нужна когда-то, а теперь в ней уже нет необходимости?
      Модуль «NeoSeo Удаление неиспользуемых изображений» позволяет проверить и удалить все изображения, которые уже не нужны, включая и их закешированные версии.
      Учитываются следующие изображения:
      1. Изображения товаров, включая дополнительные
      2. Изображений категорий
      3. Изображения производителей
      4. Изображения банеров
      5. Изображения из загрузок
      6. Изображения из заказов
      7. Изображения опций ( если есть )
      8. Изображения из настроек
      9. Изображения сертификатов
      Если ссылка на изображение была добавлена вручную, например в html описание товара, то такие изображения не учитываются. Смотрите внимательно что вы удаляете и лучше всего изображения для описаний храните в отдельном каталоге.
      После установки модуля заходите в его настройки, выбираете каталог для проверки, нажимаете проверить и вот перед вами список всех лишних изображений.
      Требования:
      PHP 5.3 и выше Opencart 1.5.*, 2.* VQMOD 2.4.1 и выше ( только для oc 1.5.* ) IonCube Loader ( лицензия на домен ) Лицензия:
      на ОДИН домен. Не на сайт, не на человека, не на студию. У вас несколько доменов подключены к одному сайту - значит вам нужно несколько лицензий. на использование ( допускается установка клиентам при покупке лицензий под них ), но не на перепродажу. Модули от NeoSeo это:
      Безупречное качество Дружественный интерфейс Богатая функциональность Высокое быстродействие Оперативная поддержка Установка на примере опенкарт 2.Х ( для остальных смотрим инструкции внутри архива ):
      Запросите ключ лицензии по email license@neoseo.com.ua, при этом указав:
          - название сайта, на котором вы купили модуль. Например opencartforum.com
          - ваш ник на этом сайте, например, alexsoftdev
          - номер заказа на этом сайте, например 355446
          - основной домен сайта для активации лицензии, например lamoda.ru
          - тестовый домен сайта для разработки, например lamoda.neoseo.com.ua
      Распакуйте и загрузите ключ в корень сайта, рядом с robots.txt
      Если у вас правильно настроен и подключен ftp, то
      3.1. Установите архив целиком через Дополнения \ Установка расширений.
      Если же опенкарт настроен криво, то делаем это вручную:
      3.1. Распакуйте архив с модулем и загрузите содержимое папки upload на сайт
      3.2. В архиве есть файл install.xml, его переименовываете в install.ocmod.xml
           и загружаете через Дополнения \ Установка расширений
      Нажмите кнопку "Обновить" на страничке "Дополнения \ Модификаторы".
      Установите модуль посредством меню Дополнения \ Модули
      Установите права на просмотр модуля нужным пользователям
       
      Обновление:
      Удалите модификатор Повторите установку Также рекомендуем:
      Также рекомендуем вам купить другие наши продукты, которые пригодятся в абсолютно любом магазине
      Водяной знак Резервная копия Ссылка на товар Источник заказа Товарный чек  
      Посмотреть работу модуля вы сможете тут:
      https://shop.neoseo.com.ua/admin/
      логин: admin
      пароль: admin
      Добавил alexsoftdev Добавлено 10.11.2013 Категория Прочее Системные требования Метод активации Автоматическая активация Ioncube Loader Требуется OpenCart 1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.4.1
      1.5.3.1 ocStore 1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop OcShop 1.5.6.4.х  
    • От alexsoftdev
      Выдача лицензии на Модуль для Opencart - NeoSeo Удаление неиспользуемых картинок происходит автоматически. При оформлении заказа, обязательно укажите доменное имя вашего сайта.
       
      У вас накопилось так много изображений что требуется поменять тариф на хостинге? А все ли изображения используются? Возможно большая их часть была нужна когда-то, а теперь в ней уже нет необходимости?
      Модуль «NeoSeo Удаление неиспользуемых изображений» позволяет проверить и удалить все изображения, которые уже не нужны, включая и их закешированные версии.
      Учитываются следующие изображения:
      1. Изображения товаров, включая дополнительные
      2. Изображений категорий
      3. Изображения производителей
      4. Изображения банеров
      5. Изображения из загрузок
      6. Изображения из заказов
      7. Изображения опций ( если есть )
      8. Изображения из настроек
      9. Изображения сертификатов
      Если ссылка на изображение была добавлена вручную, например в html описание товара, то такие изображения не учитываются. Смотрите внимательно что вы удаляете и лучше всего изображения для описаний храните в отдельном каталоге.
      После установки модуля заходите в его настройки, выбираете каталог для проверки, нажимаете проверить и вот перед вами список всех лишних изображений.
      Требования:
      PHP 5.3 и выше Opencart 1.5.*, 2.* VQMOD 2.4.1 и выше ( только для oc 1.5.* ) IonCube Loader ( лицензия на домен ) Лицензия:
      на ОДИН домен. Не на сайт, не на человека, не на студию. У вас несколько доменов подключены к одному сайту - значит вам нужно несколько лицензий. на использование ( допускается установка клиентам при покупке лицензий под них ), но не на перепродажу. Модули от NeoSeo это:
      Безупречное качество Дружественный интерфейс Богатая функциональность Высокое быстродействие Оперативная поддержка Установка на примере опенкарт 2.Х ( для остальных смотрим инструкции внутри архива ):
      Запросите ключ лицензии по email license@neoseo.com.ua, при этом указав:
          - название сайта, на котором вы купили модуль. Например opencartforum.com
          - ваш ник на этом сайте, например, alexsoftdev
          - номер заказа на этом сайте, например 355446
          - основной домен сайта для активации лицензии, например lamoda.ru
          - тестовый домен сайта для разработки, например lamoda.neoseo.com.ua
      Распакуйте и загрузите ключ в корень сайта, рядом с robots.txt
      Если у вас правильно настроен и подключен ftp, то
      3.1. Установите архив целиком через Дополнения \ Установка расширений.
      Если же опенкарт настроен криво, то делаем это вручную:
      3.1. Распакуйте архив с модулем и загрузите содержимое папки upload на сайт
      3.2. В архиве есть файл install.xml, его переименовываете в install.ocmod.xml
           и загружаете через Дополнения \ Установка расширений
      Нажмите кнопку "Обновить" на страничке "Дополнения \ Модификаторы".
      Установите модуль посредством меню Дополнения \ Модули
      Установите права на просмотр модуля нужным пользователям
       
      Обновление:
      Удалите модификатор Повторите установку Также рекомендуем:
      Также рекомендуем вам купить другие наши продукты, которые пригодятся в абсолютно любом магазине
      Водяной знак Резервная копия Ссылка на товар Источник заказа Товарный чек  
      Посмотреть работу модуля вы сможете тут:
      https://shop.neoseo.com.ua/admin/
      логин: admin
      пароль: admin
    • От Waha

      400.00 руб
      Скачать/Купить дополнение


      Редактор изображений Image Cropper для Opencart 2
      Image Cropper - дополнение к OpenCart 2 для удобного редактирования изображений из админ-панели сайта.
      Работает повсюду в Opencart, где есть добавление изображений: Категории, Товары, Производители, Баннеры, в модуле Новостей.
      В визуальном редакторе SummerNote или CKEditor модуль не работает и работать не будет!
      Основная задача обрезать картинки по заданной пропорции. Будьте внимательны обрезанные изображения изменяют свой изначальный размер!
       
      Доступные функции:
      поворот изображения (кнопками) увеличения изображения (кнопками, колесом мыши) ручное перемещение в заданной области сохраняет изображения в формате исходного изображения (jpg, png, gif)
      другие форматы не пропустит. добавляет префикс к имени нового изображения изменять пропорцию рамки (кнопками) Кнопка "Сброс" для отмены изменений   В настройках модуля можно задать:
      Статус: Вкл/Выкл (Если выключен, то кнопки для редактирования нигде не будет и скрипты модуля не будут подключены) Пропорцию рамки (16:9 - по-умолчанию) Цвет заливки пустой области. По-умолчанию белый (#FFFFFF) Префикс к имени новому изображению. По-умолчанию: _cropped   Инструкция по установке:
      Модуль идет в виде модуля + ocmod модификации
      Убедитесь, что у Вас установлен ocmod отключающий фтп загрузку - Ссылка Установите zip архив, как обычный ocmod (Распакововать и заливать в корень не надо!) Обновите кеш модификаций Выдайте права на просмотр/изменение Система - Пользователи - Группы пользователей Установите модуль настроек - Дополнения - Модули - Кроппер изображений Задайте настройки для кроппера Теперь в Админпанели - Например в товаре при нажатии на картинку выскочит окошко с кнопками (оранжевая кнопка Crop) при нажатии в модальном окне у Вас откроется редактор.  
      1.Если пропорции рамки в настройках модуля не заданы, включается режим "Свободной рамки", рамку можно перетаскивать мышкой, изменять ее размер и пропорции.
      2. Что бы создать новую рамку, нажмите на ней 2 раза левой кнопкой мыши и потяните в сторону.
      3. Что бы перемещать изображение, нажмите на области за рамкой 2 раза левой кнопкой мыши
      4. После нажатия на кнопку "Сохранить" - модуль создает новое изображение с заданным префиксом в имени и автоматически присваивает его.
       
      Демо на dev2.oc-help.com
      Демо: Админ-пенель
      Логин: demo
      пароль: demo
       
      Также рекомендую:
      - Таблица размеров Opencart 2.x
      - Просмотренные товары (История просмотров)
      - СМС уведомления для админа, клиента
      - Акционные товары с таймером
      - Товары из категорий
      - Все товары магазина
      Добавил Waha Добавлено 20.08.2016 Категория Редакторы Системные требования Сайт разработчика https://oc-help.com Старая цена Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1
      Несовместим OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х
      Не проверялось  
    • От Waha
      Image Cropper - дополнение к OpenCart 2 для удобного редактирования изображений из админ-панели сайта.
      Работает повсюду в Opencart, где есть добавление изображений: Категории, Товары, Производители, Баннеры, в модуле Новостей.
      В визуальном редакторе SummerNote или CKEditor модуль не работает и работать не будет!
      Основная задача обрезать картинки по заданной пропорции. Будьте внимательны обрезанные изображения изменяют свой изначальный размер!
       
      Доступные функции:
      поворот изображения (кнопками) увеличения изображения (кнопками, колесом мыши) ручное перемещение в заданной области сохраняет изображения в формате исходного изображения (jpg, png, gif)
      другие форматы не пропустит. добавляет префикс к имени нового изображения изменять пропорцию рамки (кнопками) Кнопка "Сброс" для отмены изменений   В настройках модуля можно задать:
      Статус: Вкл/Выкл (Если выключен, то кнопки для редактирования нигде не будет и скрипты модуля не будут подключены) Пропорцию рамки (16:9 - по-умолчанию) Цвет заливки пустой области. По-умолчанию белый (#FFFFFF) Префикс к имени новому изображению. По-умолчанию: _cropped   Инструкция по установке:
      Модуль идет в виде модуля + ocmod модификации
      Убедитесь, что у Вас установлен ocmod отключающий фтп загрузку - Ссылка Установите zip архив, как обычный ocmod (Распакововать и заливать в корень не надо!) Обновите кеш модификаций Выдайте права на просмотр/изменение Система - Пользователи - Группы пользователей Установите модуль настроек - Дополнения - Модули - Кроппер изображений Задайте настройки для кроппера Теперь в Админпанели - Например в товаре при нажатии на картинку выскочит окошко с кнопками (оранжевая кнопка Crop) при нажатии в модальном окне у Вас откроется редактор.  
      1.Если пропорции рамки в настройках модуля не заданы, включается режим "Свободной рамки", рамку можно перетаскивать мышкой, изменять ее размер и пропорции.
      2. Что бы создать новую рамку, нажмите на ней 2 раза левой кнопкой мыши и потяните в сторону.
      3. Что бы перемещать изображение, нажмите на области за рамкой 2 раза левой кнопкой мыши
      4. После нажатия на кнопку "Сохранить" - модуль создает новое изображение с заданным префиксом в имени и автоматически присваивает его.
       
      Демо на dev2.oc-help.com
      Демо: Админ-пенель
      Логин: demo
      пароль: demo
       
      Также рекомендую:
      - Таблица размеров Opencart 2.x
      - Просмотренные товары (История просмотров)
      - СМС уведомления для админа, клиента
      - Акционные товары с таймером
      - Товары из категорий
      - Все товары магазина
    • От AlexeyAnokhin
      Всем доброго времени суток !
      прошу помощи в устранении ошибки на сайте www.kukla.store 
      Ошибки загрузки картинок , на локальной версии все ок , но на хосте почемуто не показывают некотороые картинки , гдето изменить путя или перезалить картинки ? 
      Еще вопрос по поводу оптимизации , долго очень грузится , как можно ускорить загрузку ? 
      Еще проблема с выходом в админку , не заходит.. или может я не правильно захожу ? 
      Так же как и на локальной версии добавляю /admin
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу