«Виртуальный выделенный сервер» — специальные технологии, которые позволяют разделить несколько серверов в одном физическом носителе. Часто такие виды хостинг услуги называют VDS (Virtual Dedicated Server) и VPS (Virtual Private Server). Такие сервера дают вам сильный и крутой IT инструмент пользователям, ведь благодаря серверам вы можете открыть для себя большой спектр возможностей. Однако мы знаем точно, […]
584 просмотров
< 1 минуты
Содержание
Нет времени читать статью?
Но вам требуется продвижение сайта или создание сайта-лидера, идеального для SEO? Тогда вы можете оставить заявку на продвижение или заявку на создание сайта. Если вы собираетесь продвигать сайт самостоятельно — продолжайте чтение!
Превью — это картинка в небольшом формате, которая весит гораздо меньше оригинала, не уступая ему по качеству. Вес изображения для предпросмотра также сказывается и на «тяжести» самой веб-страницы, что положительно влияет на скорость загрузки сайта. Ранее мы уже рассматривали создание такой копии для CMS WordPress, а сегодня проделаем почти то же с системой Bitrix.
Начать лучше с метода «ResizeImageGet» — с его помощью и будет происходить выполнение ресайза картинок, а именно:
На что здесь смотреть?
Значения ширины и высоты необходимо заменить на желаемые данные будущего превью в пикселях — например, на выходе изображение получится в формате 300х450
Параметр BX_RESIZE_IMAGE_EXACT регулирует принцип масштабирования и имеет несколько активных значений:
- BX_RESIZE_IMAGE_EXACT — обрезает условно лишние края, но сохраняет пропорции картинки
- BX_RESIZE_IMAGE_PROPORTIONA — То же самое, но без обрезания лишнего. Размер учитывается на заданных пользователем настройках
- BX_RESIZE_IMAGE_PROPORTIONAL_ALT — Наиболее лучший вариант для использования ресайза вертикальных картинок. Подгоняет размер относительно установленных значений, сохраняет пропорции с учетом ширины и высоты изображения
False — определяет возвращать ли массив с конечными данными превью, или нет. Соответственно, свойство доступно в двух значениях: False (нет), и True (да)
При использовании указанной выше конструкции ресайз изображений будет выполняться автоматически, а хранятся такие копии в /upload/resize_images/.
Отметим, что код нужно применить в допустимом месте компонента, и проверить «$arItem[«PREVIEW_PICTURE»]» на предмет возврата данных о картинке — делается это через «var_dump»
Я читал, что подобные «костыли» только загружают работу системы движка, разве это не так?
Не всегда, данный код не сильно будет грузить вашу систему и CMS. Так как не отправляет запросы к БД.
Создал выдает, ошибку что не создается превью, можете помочь?
Добрый день, отправьте вашу ошибку нам на почту: [email protected] , наши программисты постараются помочь решить вашу проблему.
Скажите, пожалуйста, как влияет сама превью на работу сайта и продвижения? Вы то мельком написали, что положительно, но не понятно почему и как
Положительная динамика была всегда.
Смотрите как пример: оригинальный размер картинки 1200х400 (как у нас в полной новости), если вставлять везде подобную картинку, которая весит до 100-1000 кб — это не круто. Так как будет много весит страница, а также будет грузить сильно отправки к БД каждый раз.
Поэтому для разных экранов и страниц нужно показывать отдельные превью картинок. Это поможет решить проблему, которую выдает гугл «подберите нужный размер для устройства», так как под каждый тип экрана будет показываться отдельные превью.
Да есть минусы, что придется хранить несколько копий одной картинки с разными размерами, но это позволяет быстрее и качественнее показывать пользователю ваши материалы.
Хорошая статья, как раз искал что-то подобное.