Размер шрифта
Цвет фона и шрифта
Изображения
Озвучивание текста
Обычная версия сайта
hrustalev.com
Готовое решение для создания
корпоративного сайта
+7 (925) 247-20-24
+7 (925) 247-20-24
Заказать звонок
E-mail
info@hrustalev.com
Адрес
Москва, м. Тимирязевская ул. Яблочкова 31, 3
Режим работы
Пн. – Пт.: с 9:00 до 18:00
Подать заявку
+7 (925) 247-20-24
+7 (925) 247-20-24
Заказать звонок
E-mail
info@hrustalev.com
Адрес
Москва, м. Тимирязевская ул. Яблочкова 31, 3
Режим работы
Пн. – Пт.: с 9:00 до 18:00
Заказать звонок
hrustalev.com
Подать заявку
Готовые сайты
  • Сайты для бизнеса
  • Готовые интернет магазины
  • Посадочные страницы
  • Купить 1С-Битрикс
Услуги
  • Дизайн для сайта
  • Наполнение сайта
  • Настройка готового сайта
  • Оптимизация сайта для SEO
  • Продвижение и маркетинг
  • Комплексные услуги для сайта
Наши работы
  • Проекты сайтов: 2022
  • Проекты сайтов: 2021
  • Проекты сайтов: 2020
  • Проекты сайтов: 2019
  • Проекты сайтов: 2018
  • Проекты сайтов: 2017
  • Проекты сайтов: 2016
  • Проекты сайтов: 2015
  • Проекты сайтов: 2014
  • Проекты сайтов: 2013
  • Проекты сайтов: 2012
Компания
  • О компании
  • Вопрос - Ответ
  • Лицензии и сертификаты
  • Партнеры
  • Разработчики
  • Вакансии
  • Отзывы
  • Реквизиты
Пресс центр
Контакты
    hrustalev.com
    +7 (925) 247-20-24
    Заказать звонок
    E-mail
    info@hrustalev.com
    Адрес
    Москва, м. Тимирязевская ул. Яблочкова 31, 3
    Режим работы
    Пн. – Пт.: с 9:00 до 18:00
    Подать заявку
    hrustalev.com
    Телефоны
    +7 (925) 247-20-24
    Заказать звонок
    hrustalev.com
    Подать заявку
    • +7 (925) 247-20-24
      • Телефоны
      • +7 (925) 247-20-24
      • Заказать звонок
    • Москва, м. Тимирязевская ул. Яблочкова 31, 3
    • info@hrustalev.com
    • Пн. – Пт.: с 9:00 до 18:00
    Главная
    —
    Новости
    —Как уменьшить вес картинок на сайте 1с-Битрикс

    Как уменьшить вес картинок на сайте 1с-Битрикс

    Как уменьшить вес картинок на сайте 1с-Битрикс
    Обучение 1с-Битрикс
    25.05.2022

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

    Приветствую друзья! В сегодняшнем уроке мы с вами поговорим о том, как уменьшить вес картинок на сайтах 1с-Битрикс. Уменьшать вес картинок, то есть делать их компрессию, нужно для того, чтобы для пользователей вашего сайта весь графический / визуальный контент грузился быстрее.

     Зачем это нужно?

    Мы много раз своей практике сталкивались с тем, что на сайтах наших клиентов графические изображения, изображения товаров в том числе, весят очень много, то есть вес картинки доходит до 5, 6, 7 мегабайт, а в некоторых случаях были 12, 15 мегабайт вес одной картинки. И если таких картинок много, то общий объем сайта, его вес, в том числе и на хостинге, занимает очень много пространства, а если еще постоянно добавляются товары, то приходится либо покупать какой-то тарифный план хостинга побыстрее, либо с большим объемом жесткого диска. Нагрузка на сервер возрастает.

    Кроме того, Google и Яндекс, в принципе, тоже не очень приветствуют сайты, которые медленно работают, потому что этот весь излишний вес, сильно затормаживает работу сайта. Загрузить главную страницу, которая условно весит 1 мегабайт, или загрузить страницу, которая весит 15 мегабайт. Разница существенная. То же самое карточка товара весит 200 килобайт, или она весит 20 мегабайт.

    Что можно с этим делать, как эти картинки можно ужать? Существует много разных способов, много разных сервисов, но я сегодня расскажу об одном из них.

    У вас на экранах вот сервис называется он “тини png”. Сайт: https://tinypng.com.

    Как уменьшить вес картинок на сайте 1с-Битрикс

    Первое, что нам нужно сделать, это залогиниться, а если у вас нет аккаунта, то сначала нужно зарегистрироваться по данной ссылке https://tinypng.com/developers.

    Как уменьшить вес картинок на сайте 1с-Битрикс

    После регистрации у нас появляется такая кнопочка логин, вбиваем сюда адрес своей электронной почты и нажимаем кнопочку send link, проверяем нашу почту, видим здесь письмо с данного сервиса. Открываем письмо и нажимаем кнопочку логин “with magic link”.

    Как уменьшить вес картинок на сайте 1с-Битрикс

    Как уменьшить вес картинок на сайте 1с-Битрикс

    Переходим, в личный кабинет, и здесь у нас ведется вся статистика по сжатию картинок. В данном месяце я ужал 138 картинок из бесплатных 500. То есть здесь есть тарифный план на бесплатное сжатие, если вам нужно больше чем 500 в месяц, вы можете докупить, стоит сущие копейки, около одиного рубля за одну картинку.

    Слева у нас располагается меню, мы с вами переходим в пункт API, нажимаем, и здесь у нас ведет статистика. Также у нас здесь присутствует ключ, специальный ключ. Этот ключ мы в ближайшем времени будем использовать на сайте.

    Как уменьшить вес картинок на сайте 1с-Битрикс

    Следующий шаг. Мы переходим с вами на наш сайт переходим в раздел marketplace, переходим в раздел каталог решений и в поисковой строке вводим запрос “tinypng”. Pдесь есть бесплатный модуль, называется оптимизации изображения через “тини png”, у меня он установлен, у вас будет здесь ссылка на установку.

    Как уменьшить вес картинок на сайте 1с-Битрикс

    Нажимаете на ссылку, процесс инсталляции у вас займет одну минуту максимум, ничего сложного там нет. После того, как данный модуль установится, нам с вами нужно будет перейти в раздел настройки - настройки продукта - настройки модулей, и здесь у нас с вами будет такой пункт “тини пнг” Мы с вами переходим в него и в поле ключ API “тини png” вбиваем тот самый ключ, который мы с вами берем из личного кабинета.

    Как уменьшить вес картинок на сайте 1с-Битрикс

    Далее мы с вами переходим в пункт меню сервисы, и здесь у нас появляется вот такая вот иконочка, написано “тини png”. Нажимаем сюда, и здесь у нас открывается окно, где мы видим наше изображение, как правило, но у меня здесь так настроено, чтобы показывал последние закаченные на сайт изображения; и здесь видно, сколько размер, и размер до сжатия, просто тут уже большая часть картинок, практически все, сжаты.

    Как уменьшить вес картинок на сайте 1с-Битрикс

    Сейчас мы найдем с вами какую-нибудь картинку несжатую. Вот она эта картинка, весит она 90 килобайт, и все, что нам нужно сделать, это нажать кнопочку сжать. Нажимаем, чуть-чуть ждем, и все, вот он у нас сжался. Я сохранял эту картинку видимо в фотошопе специально для веба, поэтому тут размер сжатия небольшой.

    Как уменьшить вес картинок на сайте 1с-Битрикс

    Но в целом, посмотрите на файл до сжатия 308 килобайт, после 176. То есть минус 132 килобайта с файла. Где то у нас 560 превратились в 100 килобайт, то есть в 5 раз сжалась картинка. Другая из 608, получилось 112. Ну и так далее. То есть смысл определенно есть, сайт у вас станет значительно легче, место на хостинге будет занимать меньше, и грузится он будет быстрее, и, как следствие, лучше будет ранжироваться в поисковых системах.

    Также здесь можно сжимать сразу по несколько файлов, например, мы отмечаем галочками четыре файла, выбираем пункт «действия», и здесь выбираем «сжать», нажимаем кнопочку «применить». Пройдет небольшой процесс сжатия, после чего все автоматически у вас обновиться.

    Как уменьшить вес картинок на сайте 1с-Битрикс

    И вот таким образом прокликиваем здесь все картинки и сжимаем. Это конечно же не единственный способ сжатия, существуют и другие. Есть модули автоматического сжатия, но этот модуль, во-первых, позволяет выборочно делать сжатие, то есть не так, как другие модули. Другие модули часто ужимают вообще все содержимое сайта.

    И для кого-то это, возможно, удобно, но для кого-то, может быть, и не очень.

    Также вы можете сжать изображение прямо на самом сайте tinypng.com. То есть вы берете с рабочего стола несколько картинок и сюда их просто перетаскивайте мышкой. 

    Как уменьшить вес картинок на сайте 1с-Битрикс

    И вот мы с вами смотрим. Вот у нас ужались файлы, он показывает процентное соотношение, на 54 процента один, на 68 другой, и на 38 третий. В совокупности, мы с вами сэкономили 752 килобайт. А когда речь идет о сотнях или тысячах файлов, картинок, понимаете какая это экономия.

    На этом у меня все, благодарю вас за внимание!

    К слову многие готовые сайты на 1-Битрикс оснащены функцией Lazy Load, что позволяет загружать картинки еще быстрее и делает ваш еще более оптимизированным для поисковых систем. Это относится как к готовым интернет магазинам так и готовым отраслевым сайтам для бизнеса.



    Характеристики
    Лицензии и сертификаты
    Как настроить отправку почты с сайта на 1с-Битрикс;Как увеличить скорость работы сайта на 1с-битрикс за несколько кликов;Уроки 1с-Битрикс - SEO оптимизация основных мета-тэгов сайта;Как сделать резервную копию сайта на 1с-Битрикс
    Назад к списку
    • Личная эффективность 1
    • Новости 15
    • Обучение 1с-Битрикс 33
    • Пресс-релиз 46
    • Развитие бизнеса 80
    1с-Битрикс 1с-битрикс cms google adwords landing seo SEO seo специалисты SMM smm администрирование администрирование сайта аспро аудит сайта бесплатные сайты бизнес бизнес в интернете бизнес процессы бизнес с нуля битрикс быстрое продвижение виды сайтов готовые сайты дешевые сайты дешевый сайт диагностика сайта дизайн дизайн сайта доставка еды заказать сайт запуск магазина продуктов заработок индивидуализация сайта интернет магазин интернет магазин на битрикс интернет магазин продуктов питания интернет маркетинг интернет реклама интернет-магазины Интерфейс 1с-Битрикс исправление ошибок как добавить товар как избежать конфликта как сделать сайт какие бываю сайты какой выбрать сайт клиенты контекстная реклама контент контент маркетинг корпоративный сайт купить сайт лендиниги логика маркетинг настройка сайта новинки сайтов новый сайт обслуживание сайта обучение общение с клиентами одностраничники оптимизация сайта открытие бизнеса открытие компании открыть ИП ошибки ошибки мышления панель управления планирование поисковая оптимизация поисковое продвижение поисковое продвижение сайта поисковые системы посещаемость предпринимательство принятие решений продажи продвижение по словам продвижение сайт продвижение сайта продвижение сайтов продвижение. прокачка сайта прокрастинация психология выбора развитие бизнеса развитие бизнеса. развитие бренда развитие компании развитие сайта регистрация бизнеса режим правки реклама в интернет реклама сайта ресторанный бизнеса с чего начать сайт сайт для бизнеса сайт для услуг сайт на битрикс сайт под ключ сайта для автосервиса сайты сайты на битрикс свой бизнес скорость сайта советы. создание сайта создание сайтов соц сети социальные сети специфика стоимость сайта техподдержка сайта торговые предложения увеличение продаж удобство сайта управление сайтом уроки Уроки 1с-Битрикс уроки 1с-битрикс ускорение сайта успех факторы хороший сайт цены на сайты что такое битрикс шаблоны сайтов экономить на сайте юзабили яндекс директ
    Готовый интернет-магазин Готовый интернет-магазин
    +7 (925) 247-20-24
    +7 (925) 247-20-24
    Заказать звонок
    E-mail
    info@hrustalev.com
    Адрес
    Москва, м. Тимирязевская ул. Яблочкова 31, 3
    Режим работы
    Пн. – Пт.: с 9:00 до 18:00
    Заказать звонок
    info@hrustalev.com
    Москва, м. Тимирязевская ул. Яблочкова 31, 3
    © 2023 hrustalev.com - Готовые сайты для бизнеса
    Политика конфиденциальности
    0 Корзина

    Ваша корзина пуста

    Исправить это просто: выберите в каталоге интересующий товар и нажмите кнопку «В корзину»
    Перейти в каталог
    +79252472024
    hrustalev.k@mail.ru
    Whatsapp
    Whatsapp
    Viber
    Viber
    Telegram
    Skype