Удобный инструмент для вывода изображений на сайте. Включает в себя методы: конвертация изображений в формат webp, изменение размеров изображения, генерация HTML-кода для тега picture с учетом адаптивной верстки и плотности экрана, возможность задать микроразметку schema.org для изображения.
Этот инструмент предназначен для разработчиков сайтов, чтобы максимально просто выводить изображения на страницах. Вносит огромный вклад в увеличение скорости загрузки страниц сайта, потому что основной вес страниц приходится на изображения. Модуль создает копию изображений в формате webp, которые будет весить в 2-3 раза меньше оригинала, а в некоторых случаях (когда картинки на сайте в тяжелых форматах) в несколько десятков раз. Скорость загрузки сайта влияет на поисковую выдачу.
Выведенные с помощью модуля изображения, поддерживаются всеми браузерами, т.к. браузеру будет предоставлен выбор формата, либо webp, либо оригинальное изображение (если браузер не поддерживает webp). Так же поддерживается вывод разного размера изображений для разных размеров экранов, что снижает трафик для мобильных устройств.
Модуль работает с любой версией 1С-Битрикс, поддерживающей D7 и любой версией PHP.
Для работы модуля требуется что бы была подключена PHP-библиотека GD (обычно на хостинге в 99% случаев она подключена по умолчанию).
Преимущества:
Этот инструмент предназначен для разработчиков сайтов, чтобы максимально просто выводить изображения на страницах. Вносит огромный вклад в увеличение скорости загрузки страниц сайта, потому что основной вес страниц приходится на изображения. Модуль создает копию изображений в формате webp, которые будет весить в 2-3 раза меньше оригинала, а в некоторых случаях (когда картинки на сайте в тяжелых форматах) в несколько десятков раз. Скорость загрузки сайта влияет на поисковую выдачу.
Выведенные с помощью модуля изображения, поддерживаются всеми браузерами, т.к. браузеру будет предоставлен выбор формата, либо webp, либо оригинальное изображение (если браузер не поддерживает webp). Так же поддерживается вывод разного размера изображений для разных размеров экранов, что снижает трафик для мобильных устройств.
Модуль работает с любой версией 1С-Битрикс, поддерживающей D7 и любой версией PHP.
Для работы модуля требуется что бы была подключена PHP-библиотека GD (обычно на хостинге в 99% случаев она подключена по умолчанию).
Преимущества:
- В качестве исходного изображения можно передавать разные варианты и модуль поймет их:
- Локальная ссылка на изображение (относительно корня сайта)
- Абсолютная ссылка на изображение (даже если файл лежит за пределами $_SERVER['DOCUMENT_ROOT'], главное что бы файл был доступен для PHP)
- Относительная ссылка на изображение (относительно пути PHP-скрипта который вызвал метод)
- ID-файла из таблицы зарегистрированных файлов в 1С-Битрикс
- Массив описывающий файл, например $arResult['PREVIEW_PICTURE'] или массив возвращаемый методом \CFile::GetFileArray()
- Массив возвращаемый методом \CFile::ResizeImageGet()
- Локальная ссылка на изображение (относительно корня сайта)
- Возможность конвертации изображения в другой формат (который поддерживает библиотека GD той версии что установлена на вашем сервере)
- Возможность пропорционального ресайза изображения, где в качестве размера достаточно указать всего один параметр (ширина или высота)
- При конвертации сохраняется имя исходного файла (просто новый файл сохраняется в другую папку, но с таким же именем)
- Конвертация происходит всего один раз, далее будет выводиться сконвертированный файл из кэша
- Если изменится исходное изображение, то автоматически перегенерируется результирующее
- Возможность вывода исходного файла без конвертации и ресайза
- Автоматическая генерация тега <picture>
- Поддержка media для различных разрешений экрана (можно вывести разные изображения для разных разрешений)
- Поддержка плотности экрана (автоматически выведется нужное изображение (с учетом указанных плотностей) оптимальное для плотности экрана устройства)
- Поддержка микроразметки schema.org/ImageObject
Стандартная установка модуля из MarketPlace.<br />Модуль не имеет ни каких настроек, он состоит из класса с методами для работы с изображениями.<br /><br />Документация переехала сюда <a href="https://web-tool.org/example/abcwww-image/" target="_blank" >https://web-tool.org/example/abcwww-image/</a> т.к. там можно вывести текст в более понятном и читаемом виде, с примерами кода и результатами работы модуля.<br /><br />Обязательно прочитайте инструкцию, в ней есть примеры и ответы на большинство вопросов. Оставляйте комментарии если считаете что нужно что то доработать и данная доработка не для какого то частного случая, а будет полезна для большинства программистов использующих модуль.<br />
Поддержка осуществляется через обращения на почту <a href="mailto:marketplace@abcwww.ru" target="_blank" >marketplace@abcwww.ru</a><br />При обращении указывайте название модуля и купон, полученный при покупке решения.<br />