Сжатие картинок
Есть ли стандартно функция сжатия картинок при закачивании под определенный размер?
Сейчас когда закачивается изображение, оно имеет тот же самый размер, но отображается масштабно за счет width, height в
Но размер изображения остается тем же.
Как реализовать урезание размера картинки за счет ее физического сжатия
01.11.2006 14:28:07
Присоединяюсь к вопросу.
Было бы уместно иметь встроенные функции по «физическому» а не логическому сжатию изображений под определенный размер — например стандартный размер изображения анонса
Администратор
Сообщений: 9255 Баллов: 1789 Регистрация: 05.08.2005
Epic fail — сказать «это так просто» и не суметь сделать
01.11.2006 15:24:51
Только с помошью GD Library.
Не надо сверлить зубы через задний проход дрелью от Сваровски
Посетитель
Сообщений: 47 Баллов: 7 Регистрация: 24.06.2003
10.01.2007 23:40:38
Меня мучает та же самая проблема, но мне надо чтобы она уменьшалась в форуме.
вот код для фотогалереи
делает автоматом превью
function BXIBlockAfterSave($arFields)
if($_POST[‘MAKE_PREVIEW_PICTURE’]==’Y’)
$dbr = CIBlockElement::GetByID($arFields[‘ID’]);
if(($ar = $dbr->Fetch()) && $ar[‘DETAIL_PICTURE’]>0)
$img_path = $_SERVER[‘DOCUMENT_ROOT’].CFile::GetPath($ar[‘DETAIL_PICTURE’]);
$width = 200;
$height = 200;
list($width_orig, $height_orig) = getimagesize($img_path);
if($width && ($width_orig < $height_orig))
$width = ($height / $height_orig) * $width_orig;
else
$height = ($width / $width_orig) * $height_orig;
$image_p = imagecreatetruecolor($width, $height);
$image = imagecreatefromjpeg($img_path);
imagecopyresized($image_p, $image, 0, 0, 0, 0, $width, $height, $width_orig, $height_orig);
$new_img_path = tempnam(«/tmp», «FOO»).».jpg»;
imagejpeg($image_p, $new_img_path);
$be = new CIBlockElement();
$be->Update($arFields[‘ID’], Array(‘PREVIEW_PICTURE’=>CFile::MakeFileArray($new_img_path)), false);
@unlink($new_img_path);
die($new_img_path);
>
>
Постоянный посетитель
Сообщений: 186 Баллов: 14 Регистрация: 27.04.2009
13.10.2009 16:40:55
Битрикс сильно сжимает картинки, где можно указать процент сжатия?
Администратор
Сообщений: 3327 Баллов: 369 Регистрация: 27.02.2008
13.10.2009 16:49:37
В настройках инфоблока, закладка «Поля».
Руководитель отдела документации
Постоянный посетитель
Сообщений: 186 Баллов: 14 Регистрация: 27.04.2009
13.10.2009 16:56:10
Роберт Басыров , спасибо! Я сделал изменения, когда они свтупят в силу?
Администратор
Сообщений: 3327 Баллов: 369 Регистрация: 27.02.2008
13.10.2009 17:57:30
Во всех новых, добавляемых элементах будут новые параметры обработки картинок. СТарые элементы нужно править в ручную, удалять старые картинки и загружать по новой. Эти настройки не касаются тех данных, которые уже есть в базе.
Руководитель отдела документации
Сообщений: 602 Баллов: 72 Регистрация: 20.01.2009
09.06.2011 16:28:42
Для пользовательских свойств можно использовать вариант описанный на странице http://dev.1c-bitrix.ru/api_help/iblock/classes/ciblock/ResizePicture.php но все равно было бы конечно удобно если настройки сжатия для пользовательских свойств можно было задать в настройках инфоблока
Постоянный посетитель
Сообщений: 180 Баллов: 31 Регистрация: 11.06.2012
06.09.2015 10:57:00
К тому же для масштабирования изображений так же в системе предусмотрен специальный метод CFile::ResizeImageGet , которым можно воспользоваться в случае необходимости.
Посетитель
Сообщений: 81 Баллов: 7 Регистрация: 07.12.2010
01.08.2018 09:07:23
Попробуйте модуль » Оптимизация картинок — автоматически и без сторонних сервисов «
Или другие модуля по работе с картинками этого разработчика.
Заглянувший
Сообщений: 4 Регистрация: 27.09.2015
12.09.2018 15:43:19
Вот этот модуль с этим справляется на раз
Заглянувший
Сообщений: 1 Регистрация: 11.07.2023
13.07.2023 11:20:50
Еще интересный модуль для оптимизации картинок: https://marketplace.1c-bitrix.ru/solutions/step2use.optimg/
Он автоматически конвертирует изображения в Webp (для браузеров, которые поддерживают webp), а также сжимает/оптимизирует png и jpeg (для браузеров, которые не поддерживают webp).
Страницы: 1
Продукты
Управление сайтом
Битрикс24
Интернет-магазин + CRM
Решения
Для интернет-магазинов
Каталог готовых решений
Внедрение
Выбрать партнера
Проверить партнера
Стать партнером
1С-Битрикс http://www.1c-bitrix.ru Общие вопросы info@1c-bitrix.ru Приобретение и лицензирование продуктов : sales@1c-bitrix.ru Маркетинг/мероприятия/PR marketing@1c-bitrix.ru Партнерская программа partners@1c-bitrix.ru Мы работаем с 10:00 до 19:00 по московскому времени. Офис в Москве 127287 Россия Московская область Москва 2-я Хуторская улица дом 38А строение 9 Офис в Калининграде +7 (4012) 51-05-64 Офис в Калининграде 236001 Россия Калининградская область Калининград Московский проспект 261 Офис в Киеве ukraine@1c-bitrix.ru Телефон в Киеве +3 (8044)221-55-33 Офис в Киеве 01033 Украина Калининградская область Киев улица Шота Руставели 39/41 офис 1507
© 2001-2023 «Битрикс», «1С-Битрикс». Работает на 1С-Битрикс: Управление сайтом. Политика конфиденциальности
Уменьшение размера изображений в 1С-Битрикс через кеш. Метод CFile::ResizeImageGet.
Уменьшение размера изображений является, пожалуй, первым делом, которое нужно сделать для увеличения скорости загрузки сайта. Скорость загрузки сайта напрямую влияет на его позиции в поисковой системе. 1С Битрикс имеет встроенные инструменты для оптимизации изображений.
При использовании метода сжатия достаточно один раз загрузить страницу с ним, при этом сервер выполнит оптимизацию изображения в соответствии с заданными параметрами и сохранит его в кэш, чтобы в дальнейшем использовать кешированные изображения вместо необжатых файлов.
Использование метода сжатия изображений
"НОВАЯ_ШИРИНА", "height" => "НОВАЯ ВЫСОТА"), BX_RESIZE_IMAGE_PROPORTIONAL, false); ?> 
" alt="Описание картинки"/> Объявляем переменную renderImg и передаем ей результат работы функции сжатия ResizeImageGet. В качестве параметров передаем функции ID картинки, массив с новыми размерами изображения и тип масштабирования.
Результатом работы функции будет готовая ссылка на кешированную версию исходного изображения, все что нам остается — вставить $renderImg[«src»] (путь к картинке) в тег img (ниже будет несколько примеров использования).
Вместо «ID_КАРТИНКИ» может быть подставлено любое значение, например:
- $arResult[«PREVIEW_PICTURE»]
- $arResult[«DETAIL_PICTURE»]
- $FILE = CFile::GetFileArray( $arResult[«DISPLAY_PROPERTIES»][«КОД_СВОЙСТВА»][«VALUE»] );
Типы масштабирования
Лично я достаточно часто использую третий метод изменения размеров, он не обрезает картинку и почти никогда не портит её качество.
- BX_RESIZE_IMAGE_EXACT — масштабирует в прямоугольник $arSize c сохранением пропорций, обрезая лишнее;
- BX_RESIZE_IMAGE_PROPORTIONAL — масштабирует с сохранением пропорций, размер ограничивается $arSize;
- BX_RESIZE_IMAGE_PROPORTIONAL_ALT — масштабирует с сохранением пропорций за ширину при этом принимается максимальное значение из высоты/ширины, размер ограничивается $arSize, улучшенная обработка вертикальных картинок.
Примеры использования
300, "height" => 200), BX_RESIZE_IMAGE_PROPORTIONAL_ALT, false); ?> " alt="Как не сжимать изображение в битриксе"/> 300, "height" => 200), BX_RESIZE_IMAGE_PROPORTIONAL_ALT, false); ?> ')">
В итоге уменьшенные картинки попадут в папку /upload/resize_cache/путь и при повторных вызовах метод ResizeImageGet будет сразу возвращать путь к уменьшенной версии изображения.
Для достижения еще большей скорости загрузки можно сконвертировать все изображения (в том числе и закешированные уменьшенные версии) в формат WebP, о том как это сделать читайте в нашей статье.
Оптимизация и сжатие изображений 1С-Битрикс в 2 клика
Интеграция OptiPic с Битрикс производится через наш официальный модуль из Маркетплейс.
Вся настройка интеграции происходит на стороне админки вашего сайта (видео-урок по установке и настройке в Битрикс).
Система 1С-Битрикс считается одной из популярнейших не только на российском рынке, но и среди зарубежных разработчиков. Она отличается удобством ведения сайтов и гибкостью настроек.
На системе 1С-Битрикс работают различные по сложности сайты: новостные ресурсы, визитки, социальные сети, интернет-магазины и тому подобные. Однако со временем страницы сайтов загружаются всё медленнее.
Проблема в оптимизации изображений Битрикс, которая не производится средствами самой CMS, решается сторонними средствами. Для того чтобы картинки меньше занимали место и загружались быстрее, необходимо использовать плагин для оптимизации изображений в Битрикс. Этим плагином является решение OptiPic.
Оптимизация изображений сайта на Битрикс через OptiPic позволяет ускорить загрузку сайта в 2–3 раза. Практика уже показала, что ресурсы действительно загружаются быстрее, что отмечают и сами пользователи. Особенно это критично для интернет-магазинов и каталогов, ведь покупатели могут не дождаться загрузки страницы и уйти на ресурс конкурентов.
Сжатие изображений в Битрикс
OptiPic — плагин для сжатия изображений Битрикс построен на алгоритме, который выявляет технические данные в файле изображения и удаляет их. Эти данные не влияют на качество и вид картинки, но тем не менее влияют на её размер. В некоторых случаях технические данные занимают до 90% размера файла.
Поэтому для сжатия картинок в Битрикс применяется OptiPic. Средний показатель уменьшения размера картинок составляет 70%. К тому же достаточно один раз настроить плагин и в дальнейшем он будет работать как с картинками, которые уже загружены на сервер, так и с изображениями, добавляемыми на сайт.
Сжатие изображений сайта на Битрикс проходит в фоновом режиме и не требует больших вычислительных мощностей. Для посетителей ресурса не будет ничего происходить, кроме ускорения загрузки страниц. Администраторы же смогут увидеть, как со временем работы плагина освобождается место на жёстком диске сервера за счёт снижения размера картинок.
Оптимизация картинок в Битрикс больше не потребует ручного вмешательства администратора. Настройте OptiPic и все необходимые операции будут проводиться автоматически.
Что такое сжатие изображений
Оптимизация картинок является специальной обработкой графического файла с целью минимизировать его размер без потери визуального качества.
Чтобы провести данную процедуру, есть большое количество достаточно сложных алгоритмов. Однако, все они базируются на одной основе — из графического файла нужно удалить все находящиеся там служебные данные (например название программы, которая хранит данный файл и др), а также, при помощи специальных программ соединить/сгладить похожие цвета.
В результате мы получаем то же изображение, которое визуально никак не изменилось. Однако, объем (вес) этого файла в байтах будет гораздо меньше, чем оригинал. Если провести данную обработку правильно, файл с изображением можно уменьшить до 98%, не теряя при этом качества изображения.
Это значит, что картинки на страницах сайта будут загружаться в разы быстрее после проведения их оптимизации.
Что даст оптимизации изображений для вашего сайта
- Экономия места на диске.
- Ускорение загрузки страниц.
- Минимальная нагрузка на сервер.
- Увеличение конверсии.
- Более качественное ранжирование сайта при поисковой выдаче.
Доказано, что ускорение сайта способно улучшить поведенческие факторы, а также поднять конверсию сайта (увеличить продажи). Чем дольше будет загружаться страница сайта, тем меньше покупателей сможет совершить там определенные целевые действия. Если Ваш сайт в Интернете будет работать не достаточно быстро, у Вас есть все шансы упустить свой потенциальный доход. Ускорение работы интернет-ресурса даст возможность улучшить конверсию и благодаря этому значительно увеличить выручку и привлечь больше клиентов.
Преимущества сервиса OptiPic
- Отсутствуют ежемесячные платежи.
- Полная автоматизация.
- Предоставление бесплатной помощи при подключении.
- Интернет-адрес (URL) сжатых картинок не изменяется, они и дальше будут храниться у Вас на сайте.
- Для подключения и использования сервиса не нужно иметь специальных навыков в программировании или администрировании.
- В системе отсутствуют ограничения на размер изображений.
- Техподдержка на русском языке.
Каким образом оптимизация изображений может ускорить сайт?
Страница любого сайта чаще всего состоит из:
- изображений;
- html-кода (текстовое содержание, верстка, разметка);
- видео;
- javascript-скриптов с логикой, выполняющихся со стороны браузера;
- файлов-css со стилями страницы.
Такой пункт как изображения, занимает на страницах сайта большую часть всего объема и является самой «тяжелой» частью страниц. Уменьшение (оптимизация) изображений бесспорно позволит существенно сделать более быстрой загрузку любого интернет-ресурса.
Соответственно, если изменить (в меньшую сторону) объем изображений, все страницы сайта начнут грузиться значительно быстрее.
Сжатие картинок на сайте даст возможность уменьшить их объем до 75-98%, не теряя при этом свое визуальное качество.
Битрикс24 сжимает до размеров 270 x 180 11 KБ при загрузке фотографий в галерею.
Поддержка Битрикс24 не ответила, поэтому цитирую свое обращение:
в продолжение вчерашнего разговора
Ваши партнеры не компетентны, например avivi.pro
Я не прошу меня консультировать на бесплатном тарифе
«Сообщить о неполадках» — Я утверждаю что это баг или умышленный даунгрейд для бесплатного тарифа
пожалуйста опровергните это или подтвердите
еще раз формулирую обнаруженную проблему:
1. В шаблоне сайта «Фотография» под заголовком «OUR TOP WORKS» расположена галерея «Набор портретных картинок в 4 колонки с отступами» с картинками размером 1024 x 683 123 KБ
2. При добавлении на сайт такого же блока и загрузке с компьютера этих же фотографий, Битрикс24 сжимает до размеров 270 x 180 11 KБ. Получаем недопустимое качество галереи фотографа.
3. При попытке загрузить «Рекомендуемый размер изображения 270px / 481px» 300 dpi и 72 dpi, происходит такое же сжатие, не позволяющее применять этот блок на странице/сайте.
Продвинутый
Сообщений: 285 Баллов: 1285 Регистрация: 05.10.2018
Техническая поддержка Пинол
07.02.2019 14:53:37
ваша ссылка у меня не открылась. Приведите пожалуйста скриншот какой элементе конструктора сайта вы используете, где отмечается такая проблема.
Индивидуальная консультация Алексея Окара по CRM
https://education.pinall.ru
Подписаться на YouTube канал Пинол о автоматизации бизнеса:
https://www.youtube.com/pinall
Пользователь
Сообщений: 8 Регистрация: 07.02.2019
07.02.2019 15:28:42
Мирослав, благодарю
Я только что открыл на разных компьютерах в разных браузерах
ссылку https://b24-1h3qzq.bitrix24.site/?ts=1549488386
прошу Вас еще раз открыть
это опубликованный сайт на Битрикс24, я в растерянности, Роскомнадзор.
Пользователь
Сообщений: 8 Регистрация: 07.02.2019
07.02.2019 15:30:01
блок «Набор портретных картинок в 4 колонки с отступами»
я сказал ранее
Продвинутый
Сообщений: 285 Баллов: 1285 Регистрация: 05.10.2018
Техническая поддержка Пинол
07.02.2019 15:46:45
константин сиддоров, проверил у себя. никакого ухудшения качества нет.
Там есть рекомендация по разрешению загружаемых картинок: 960*960 http://prntscr.com/mhyte7
Вы грузите в каком разрешении?
Индивидуальная консультация Алексея Окара по CRM
https://education.pinall.ru
Подписаться на YouTube канал Пинол о автоматизации бизнеса:
https://www.youtube.com/pinall
Пользователь
Сообщений: 8 Регистрация: 07.02.2019
08.02.2019 09:27:24
Мирослав, добрый день! Вчера вечером поддержка ответила:
«На данный момент существует такая особенность в работе, над ней уже работают.»
как-то невнятно, витиевато по-византийски, мне как пользователю из ответа не стало понятно что с этим делать: это баг и его сейчас исправят или это мнимые свойства продукта, обманывающие потребителя.
прилагаю скрины
Пользователь
Сообщений: 8 Регистрация: 07.02.2019
08.02.2019 09:39:14
«проверил у себя. никакого ухудшения качества нет. «
Мирослав, прошу, Вас
Я говорю о шаблоне «Набор портретных картинок в 4 колонки с отступами» а не «Набор картинок в 4 колонки с отступами», который Вы демонстрируете
пожалуйста, пройдите по ссылке, я все продемонстрировал
https://b24-1h3qzq.bitrix24.site/?ts=1549488386
Пользователь
Сообщений: 8 Регистрация: 07.02.2019
08.02.2019 09:45:21
Вы грузите в каком разрешении?
Мирослав! Я Вас прошу!))
Загрузил их же картинки, с их же шаблона 1024 x 683 123 KБ
Также загрузил «Рекомендуемый размер изображения 270px / 481px»
Результат: прилагаю скрины или пройдите по ссылке
https://b24-1h3qzq.bitrix24.site/?ts=1549488386
Прикрепленные файлы
Продвинутый
Сообщений: 285 Баллов: 1285 Регистрация: 05.10.2018
Техническая поддержка Пинол
08.02.2019 12:00:56
константин сиддоров, так используйте набор картинок (не портретных) — он очень похож на ваш.
Ситуации, когда какой-то блок б24 Сайты, криво форматирует изображения не редкость.
Если вендор подтвердил баг, остается только ждать его исправления, а пока искать альтернативные блоки.
Индивидуальная консультация Алексея Окара по CRM
https://education.pinall.ru
Подписаться на YouTube канал Пинол о автоматизации бизнеса:
https://www.youtube.com/pinall
Пользователь
Сообщений: 8 Регистрация: 07.02.2019
08.02.2019 12:51:15
Мирослав))
благодарю!
«так используйте набор картинок (не портретных) — он очень похож на ваш.»
Мне для фотогалереи нужен функционал именно «Набор портретных картинок в 4 колонки с отступами»
Я хочу, Мирослав, получить исчерпывающий ответ от Б24 или от его Партнера.
Может ли мне Пинол как Партнер Б24 прояснить ситуацию?
Почему это должно происходить с таким боем и упорством со стороны клиента.
Я, Мирослав, прилагаю вопросы, проигнорированный поддержкой Б24, пожалуйста получите ответы у Б24 как его Партнер, если Вас не затруднит
Обращение к Б24:
Ваш ответ: «На данный момент существует такая особенность в работе, над ней уже работают.»
1.То есть, невозможно сделать такую же галерею, представленную как образец?
2.То есть, Битрикс24 сейчас предлагает не существующие функции у своего сервиса? Так?
3.Может ли Битрикс24 оставить в шаблонах только работающие инструменты или предоставить список не работающих?
4.Когда будет корректная реализация этой галереи?
5.Могу ли я не на платном аккаунте получить исчерпывающий внятный ответ, не порождающий новых уточняющих вопросов об этом баге?
Страницы: 1 2 След.
Сайт использует файлы cookie. Продолжая просмотр сайта, вы соглашаетесь с использованием файлов cookie.