Переходим на WebP
21 век. JPG устарел. Progressive JPG туда же. Плавно все переходят на WebP.
Изучил существующие модули на маркетплейсе, там костыль на костыле и костылём погоняет. То магазин упал после установки, то интеграция с АСПРО это танцы с бубном.
Предлагаю добавить в штатный функционал. Библиотеки для генерации уже написаны, велосипед изобретен. Чего ждем не понятно. Даже браузеры почти (или все) научились понимать их.
Только не «на лету», что нагрузит серв, а кешированием на диске. Да, место, жалко, плюс гигабайты, но такова цена прогресса. Пускай пользователь сам выбирает.
И хорошо бы предусмотреть возможность дальнейшего полного выпиливания jpg с диска. Однажды он станет совсем не алё.
P.S. Кто не в курсе это такие изображения для интернета 21 века, которые очень мало весят и очень быстро загружаются.
P.P.S. Кому интересно - список браузеров, которые поддерживают https://caniuse.com/#feat=webp
Понравилась
было бы хорошо иметь такой функционал на борту.
было бы хорошо иметь такой функционал на борту.
Это решило бы множество проблем с совместимостью и выводом этих изображений. Когда один шаблон - один разработчик и всё выводится как надо
Это решило бы множество проблем с совместимостью и выводом этих изображений. Когда один шаблон - один разработчик и всё выводится как надо
У компании ALTOP это, кстати, уже реализовано
https://marketplace.1c-bitrix.ru/solutions/altop.enext/
Обновление 2020.1.0 (11.02.2020)
У компании ALTOP это, кстати, уже реализовано
https://marketplace.1c-bitrix.ru/solutions/altop.enext/
Обновление 2020.1.0 (11.02.2020)
Здравствуйте!
Так как решение работает на 1С-Битрикс, то многие возможности зависят от настроек платформы. К сожалению, платформа не поддерживает формат WebP. Так как конвертация изображений занимает достаточно много места на хостинге, то целесообразно настраивать ее со стороны хостинга.
Если же дорабатывать шаблон, то это будет реализовано в формате скрипта. Пользователям в этом случае придется самим вешать его на крон. Такое решение не будет универсальным, а станет сложным в работе. Требует навыков программирования.
Если рассматривать функционал со стороны хостинга, то, например, у Reddock за это отвечает отдельная опция — http://joxi.ru/a2XJQJRCDopRMr. Этот функционал работает на фоне и не нагружает сайт. Подробнее в документации https://reddock.ru/help/articles/618-620-643--nastrojka-konvertirovaniya-izobrazhenij-v-format-webp/.
Поэтому оптимальных решения 2 — дождаться поддержку WebP от 1С-Битрикс или настраивать конвертацию на стороне хостинга.
Здравствуйте!
Так как решение работает на 1С-Битрикс, то многие возможности зависят от настроек платформы. К сожалению, платформа не поддерживает формат WebP. Так как конвертация изображений занимает достаточно много места на хостинге, то целесообразно настраивать ее со стороны хостинга.
Если же дорабатывать шаблон, то это будет реализовано в формате скрипта. Пользователям в этом случае придется самим вешать его на крон. Такое решение не будет универсальным, а станет сложным в работе. Требует навыков программирования.
Если рассматривать функционал со стороны хостинга, то, например, у Reddock за это отвечает отдельная опция — http://joxi.ru/a2XJQJRCDopRMr. Этот функционал работает на фоне и не нагружает сайт. Подробнее в документации https://reddock.ru/help/articles/618-620-643--nastrojka-konvertirovaniya-izobrazhenij-v-format-webp/.
Поэтому оптимальных решения 2 — дождаться поддержку WebP от 1С-Битрикс или настраивать конвертацию на стороне хостинга.
Недавно вышло обновление модуля
https://marketplace.1c-bitrix.ru/solutions/dev2fun.imagecompress/
В нем вроде как поддерживается конвертация в WebP «на лету». Еще не тестировал, но многообещающе. Кому нужно будет пользуйте - модуль годный, давно с ним работаем. Пережимает изображения добротно.
Недавно вышло обновление модуля
https://marketplace.1c-bitrix.ru/solutions/dev2fun.imagecompress/
В нем вроде как поддерживается конвертация в WebP «на лету». Еще не тестировал, но многообещающе. Кому нужно будет пользуйте - модуль годный, давно с ним работаем. Пережимает изображения добротно.
Перешли на WebP. Нагрузка сильно не снизилась, но чуть лучше стало.
Реализовал решение через хостинг провайдера Бегет+решение https://marketplace.1c-bitrix.ru/solutions/dev2fun.imagecompress/
Перешли на WebP. Нагрузка сильно не снизилась, но чуть лучше стало.
Реализовал решение через хостинг провайдера Бегет+решение https://marketplace.1c-bitrix.ru/solutions/dev2fun.imagecompress/
А как вы победили вопрос папки с кешем?
А как вы победили вопрос папки с кешем?
Хорошо бы было договорится , как с группировкой свойств сделать что бы поставил и решение уже было готово под эту задачу
Хорошо бы было договорится , как с группировкой свойств сделать что бы поставил и решение уже было готово под эту задачу
Некоторые хостеры по умолчанию делают webp, без модулей битрикса и лучше ждать битрикс чтобы он это сделал.
Некоторые хостеры по умолчанию делают webp, без модулей битрикса и лучше ждать битрикс чтобы он это сделал.
Да все кому уже не лень перешли на него. Только мы всё чего-то ждем и тянем. Можно толпой написать в ТП битрикса чтобы внедрили :D
Да все кому уже не лень перешли на него. Только мы всё чего-то ждем и тянем. Можно толпой написать в ТП битрикса чтобы внедрили :D
Safari поддерживает WebP. Причем, как на MacOS, так и на iPhone.
Safari поддерживает WebP. Причем, как на MacOS, так и на iPhone.
Оф. ответ от хостера.
Для вывода изображений на сайте используется компонент aspro. При этом модуль dev2fun.imagecompress создал необходимые .webp изображения:
f@pian:~/*******.ru/public_html [0] $ find -name *.webp ./bitrix/modules/landing/install/images/landing/paeeetterns/paeettern3.webp ./bitrix/modules/landing/install/images/landing/paeeetterns/paeettern2.webp ./bitrix/modules/landing/install/images/landing/paeeetterns/paeettern1.webp
Компонент aspro частично использует в ссылках на изображения webp формат, но для атрибута src выставляет по-прежнему ссылку на jpg:
/upload/resize_cache/iblock/a4a/450_450_140cd750bba9eeeee870f18aada2478b24840a/a4a30668fc29b111732cceee44694525b0a.jpg
К сожалению, нам неизвестно, есть ли у aspro возможность формировать ссылки на .webp изображения. Такую возможность вам необходимо уточнить в поддержке aspro.
Оф. ответ от хостера.
Для вывода изображений на сайте используется компонент aspro. При этом модуль dev2fun.imagecompress создал необходимые .webp изображения:
f@pian:~/*******.ru/public_html [0] $ find -name *.webp ./bitrix/modules/landing/install/images/landing/paeeetterns/paeettern3.webp ./bitrix/modules/landing/install/images/landing/paeeetterns/paeettern2.webp ./bitrix/modules/landing/install/images/landing/paeeetterns/paeettern1.webp
Компонент aspro частично использует в ссылках на изображения webp формат, но для атрибута src выставляет по-прежнему ссылку на jpg:
/upload/resize_cache/iblock/a4a/450_450_140cd750bba9eeeee870f18aada2478b24840a/a4a30668fc29b111732cceee44694525b0a.jpg
К сожалению, нам неизвестно, есть ли у aspro возможность формировать ссылки на .webp изображения. Такую возможность вам необходимо уточнить в поддержке aspro.
Сейчас самое время поднять эту тему снова. Вышло обновление v20.5.500, которое добавляет поддержку .webp
Нужно пересмотреть отклонение темы и запустить интеграцию в производство
Сейчас самое время поднять эту тему снова. Вышло обновление v20.5.500, которое добавляет поддержку .webp
Нужно пересмотреть отклонение темы и запустить интеграцию в производство
Поддерживаю, просим всем сообществом!
Поддерживаю, просим всем сообществом!
Согласен. Функционал есть - нужно реализовывать.
Согласен. Функционал есть - нужно реализовывать.
Сейчас, когда функционал добавлен разработчиками платформы, тема действительно не должна быть отклонена. Теперь дело за нами. Обновили статус, изучаем новый функционал.
Сейчас, когда функционал добавлен разработчиками платформы, тема действительно не должна быть отклонена. Теперь дело за нами. Обновили статус, изучаем новый функционал.
Здравствуйте!
Благодарим за обратную связь. Мы проверили работу решений — все работает корректно после обновления 1С-Битрикс. Поэтому можете пользоваться форматом без опасений.
Здравствуйте!
Благодарим за обратную связь. Мы проверили работу решений — все работает корректно после обновления 1С-Битрикс. Поэтому можете пользоваться форматом без опасений.
Админы, поясните, как реализована задача?
Спасибо.
Админы, поясните, как реализована задача?
Спасибо.
Здравствуйте!
Благодарим за комментарий. Задаче по переходу на WebP по ошибке был присвоен не тот статус — реализовано. Приносим свои извинения.
Решение не будет конвертировать изображение в формат WebP. Об этом говорили ранее. Правильный статус для этой задачи — отклонено.
После обновления платформы, в котором добавили этот формат, мы проверили работу решения. Все срабатывает корректно, поэтому присвоили статус с реализацией.
Здравствуйте!
Благодарим за комментарий. Задаче по переходу на WebP по ошибке был присвоен не тот статус — реализовано. Приносим свои извинения.
Решение не будет конвертировать изображение в формат WebP. Об этом говорили ранее. Правильный статус для этой задачи — отклонено.
После обновления платформы, в котором добавили этот формат, мы проверили работу решения. Все срабатывает корректно, поэтому присвоили статус с реализацией.
Я так и не понял, что работает корректно, если решение не будет конвертировать изображения в формат WebP?
Можете просто и четко сказать, собираетесь ли вы внедрить конвертацию изображений в WebP штатным способом?Если нет, то каким сторонним решением это можно осуществить?
Я так и не понял, что работает корректно, если решение не будет конвертировать изображения в формат WebP?
Можете просто и четко сказать, собираетесь ли вы внедрить конвертацию изображений в WebP штатным способом?Если нет, то каким сторонним решением это можно осуществить?
У WebP есть такой нюанс - не все браузеры его поддерживают.
К примеру, некоторые старые версии Safari, IE - не поддерживают WebP. Старыми моделями устройств Apple до сих пор пользуется люди. И невозможно закрыть на них глаза и сделать вид, что их нет. Ведь это такие же потенциальные покупатели/клиенты, которые могут зайти на сайт и купить ваш товар или заказать вашу услугу.
https://caniuse.com/#feat=webp
Поэтому надо хранить всегда как минимум две версии каждой картинки. Webp (для браузеров с поддержкой WebP) и исходную карти
И отдавать нужную версию в зависимости от браузера.
А исходную картинку надо при этом еще и оптимизировать/сжимать - чтобы даже для браузеров без поддержки WebP картинки отдавались оптимизированными (более легкими по весу) - это еще третья! версия файла.
У сервиса optipic я недавно заметил новый функционал, в который это все уже заложено в коробку.
https://optipic.io/ru/webp/bitrix/
Можно даже подключить все так, чтобы урлы картинок не менялись (они остаются точно такими же и выглядят как внутренние url на моем сайте). Но на самом деле они подгружаются через их систему с автоматическим сжатием, конвертацией в webp и распознаванием поддержки webp.
Получается совсем все просто и красиво, да и недорого))
У WebP есть такой нюанс - не все браузеры его поддерживают.
К примеру, некоторые старые версии Safari, IE - не поддерживают WebP. Старыми моделями устройств Apple до сих пор пользуется люди. И невозможно закрыть на них глаза и сделать вид, что их нет. Ведь это такие же потенциальные покупатели/клиенты, которые могут зайти на сайт и купить ваш товар или заказать вашу услугу.
https://caniuse.com/#feat=webp
Поэтому надо хранить всегда как минимум две версии каждой картинки. Webp (для браузеров с поддержкой WebP) и исходную карти
И отдавать нужную версию в зависимости от браузера.
А исходную картинку надо при этом еще и оптимизировать/сжимать - чтобы даже для браузеров без поддержки WebP картинки отдавались оптимизированными (более легкими по весу) - это еще третья! версия файла.
У сервиса optipic я недавно заметил новый функционал, в который это все уже заложено в коробку.
https://optipic.io/ru/webp/bitrix/
Можно даже подключить все так, чтобы урлы картинок не менялись (они остаются точно такими же и выглядят как внутренние url на моем сайте). Но на самом деле они подгружаются через их систему с автоматическим сжатием, конвертацией в webp и распознаванием поддержки webp.
Получается совсем все просто и красиво, да и недорого))
Комментарии на данной страницы заблокированы!