hrustalev.com
Услуги
  • Дизайн для сайта
    • Логотип для сайта
    • Иконки для сайта
    • Баннеры для сайта
  • Наполнение сайта
    • Составление текстов для товаров и услуг
    • Ручное добавление товаров на сайт
    • Размножение текстов
    • Перенос контента на новый сайт
    • Очистка сайта от демо-контента
    • Выгрузка товаров на сайт из прайс листа
  • Настройка готового сайта
    • Установка готового сайта
    • Замена базовых элементов для сайта
    • Настройка пунктов меню
    • Настройка разделов каталога
    • Настройка SSL сертификата
    • Подключение платежной системы к сайту
    • Настройка Многосайтовости
  • Оптимизация сайта для SEO
    • Установка счетчиков посещаемости сайта
    • Уменьшение веса картинок на сайте
    • Регистрация сайта в поисковых системах
    • Оптимизация скорости сайта Google Page Speed
    • Настройка файлов индексации
    • Заполнение мета тэгов страниц
  • Продвижение и маркетинг
    • Оптимизация рекламы Яндекс Директ
    • Юзабилити и seo видео-аудит
    • Создание рекламной кампании Яндекс Директ
    • Сбор поисковых запросов для сайта
    • Настройка магазина для Яндекс Маркета
    • Настройка магазина для Google Merchant
    • Наращивание ссылок-упоминаний для сайта
  • Комплексные услуги для сайта
    • Дополнительные услуги
    • Контекстная реклама
    • Продвижение сайта по словам
    • Подготовка к продвижению
    • Индивидуализация сайта
Готовые сайты
  • Сайты для бизнеса
    • Универсальные сайты
    • Ремонт и строительство
    • Сайты для мед учреждений
    • Сайты для авто-мастерских
    • Агентства недвижимости
    • Сайты для салонов красоты
    • Бары, рестораны, кафе и доставка еды
    • Готовые сайты разной тематики
  • Готовые интернет магазины
    • Универсальные готовые магазины
    • Недорогие магазины на редакции «Старт»
    • Одежда, обувь, сумки, аксессуары
    • Готовые магазины разной тематики
  • Посадочные страницы
    • Лендинг с каталогом
    • Ремонт и строительство
    • Красота и здоровье
    • Лендинги разной тематики
  • Купить 1С-Битрикс
    • Лицензии для интернет-магазинов
    • Лицензии для корпоративных сайтов и услуг
    • Хостинг для 1с-Битрикс
Наши работы
  • Проекты сайтов: 2022
  • Проекты сайтов: 2021
  • Проекты сайтов: 2020
  • Проекты сайтов: 2019
  • Проекты сайтов: 2018
  • Проекты сайтов: 2017
  • Проекты сайтов: 2016
  • Проекты сайтов: 2015
  • Проекты сайтов: 2014
  • Проекты сайтов: 2013
  • Проекты сайтов: 2012
Компания
  • О компании
  • Партнеры
  • Производители
  • Вопрос ответ
  • Лицензии
  • Реквизиты
  • Отзывы
Пресс-центр
Контакты
Ещё
    Задать вопрос
    Личный кабинет
    Корзина0
    +7 (925) 247-20-24
    Заказать звонок
    info@hrustalev.com
    Москва, м. Тимирязевская ул. Яблочкова 31, 3
    • YouTube
    +7 (925) 247-20-24
    Заказать звонок
    hrustalev.com
    0
    Личный кабинет

    Услуги
    • Дизайн для сайта
      Дизайн для сайта
      • Логотип для сайта —
      • Иконки для сайта —
      • Баннеры для сайта
    • Наполнение сайта
      Наполнение сайта
      • Составление текстов для товаров и услуг —
      • Ручное добавление товаров на сайт —
      • Размножение текстов —
      • Перенос контента на новый сайт —
      • Очистка сайта от демо-контента —
      • Выгрузка товаров на сайт из прайс листа
    • Настройка готового сайта
      Настройка готового сайта
      • Установка готового сайта —
      • Замена базовых элементов для сайта —
      • Настройка пунктов меню —
      • Настройка разделов каталога —
      • Настройка SSL сертификата —
      • Подключение платежной системы к сайту —
      • Настройка Многосайтовости
    • Оптимизация сайта для SEO
      Оптимизация сайта для SEO
      • Установка счетчиков посещаемости сайта —
      • Уменьшение веса картинок на сайте —
      • Регистрация сайта в поисковых системах —
      • Оптимизация скорости сайта Google Page Speed —
      • Настройка файлов индексации —
      • Заполнение мета тэгов страниц
    • Продвижение и маркетинг
      Продвижение и маркетинг
      • Оптимизация рекламы Яндекс Директ —
      • Юзабилити и seo видео-аудит —
      • Создание рекламной кампании Яндекс Директ —
      • Сбор поисковых запросов для сайта —
      • Настройка магазина для Яндекс Маркета —
      • Настройка магазина для Google Merchant —
      • Наращивание ссылок-упоминаний для сайта
    • Комплексные услуги для сайта
      Комплексные услуги для сайта
      • Дополнительные услуги —
      • Контекстная реклама —
      • Продвижение сайта по словам —
      • Подготовка к продвижению —
      • Индивидуализация сайта
    Готовые сайты
    • Сайты для бизнеса
      Сайты для бизнеса
      • Универсальные сайты —
      • Ремонт и строительство —
      • Сайты для мед учреждений —
      • Сайты для авто-мастерских —
      • Агентства недвижимости —
      • Сайты для салонов красоты —
      • Бары, рестораны, кафе и доставка еды —
      • Готовые сайты разной тематики
    • Готовые интернет магазины
      Готовые интернет магазины
      • Универсальные готовые магазины —
      • Недорогие магазины на редакции «Старт» —
      • Одежда, обувь, сумки, аксессуары —
      • Готовые магазины разной тематики
    • Посадочные страницы
      Посадочные страницы
      • Лендинг с каталогом —
      • Ремонт и строительство —
      • Красота и здоровье —
      • Лендинги разной тематики
    • Купить 1С-Битрикс
      Купить 1С-Битрикс
      • Лицензии для интернет-магазинов —
      • Лицензии для корпоративных сайтов и услуг —
      • Хостинг для 1с-Битрикс
    Наши работы
    • Проекты сайтов: 2022
    • Проекты сайтов: 2021
    • Проекты сайтов: 2020
    • Проекты сайтов: 2019
    • Проекты сайтов: 2018
    • Проекты сайтов: 2017
    • Проекты сайтов: 2016
    • Проекты сайтов: 2015
    • Проекты сайтов: 2014
    • Проекты сайтов: 2013
    • Проекты сайтов: 2012
    Компания
    • О компании
    • Партнеры
    • Производители
    • Вопрос ответ
    • Лицензии
    • Реквизиты
    • Отзывы
    Пресс-центр
    Контакты

      hrustalev.com
      Услуги
      • Дизайн для сайта
        Дизайн для сайта
        • Логотип для сайта —
        • Иконки для сайта —
        • Баннеры для сайта
      • Наполнение сайта
        Наполнение сайта
        • Составление текстов для товаров и услуг —
        • Ручное добавление товаров на сайт —
        • Размножение текстов —
        • Перенос контента на новый сайт —
        • Очистка сайта от демо-контента —
        • Выгрузка товаров на сайт из прайс листа
      • Настройка готового сайта
        Настройка готового сайта
        • Установка готового сайта —
        • Замена базовых элементов для сайта —
        • Настройка пунктов меню —
        • Настройка разделов каталога —
        • Настройка SSL сертификата —
        • Подключение платежной системы к сайту —
        • Настройка Многосайтовости
      • Оптимизация сайта для SEO
        Оптимизация сайта для SEO
        • Установка счетчиков посещаемости сайта —
        • Уменьшение веса картинок на сайте —
        • Регистрация сайта в поисковых системах —
        • Оптимизация скорости сайта Google Page Speed —
        • Настройка файлов индексации —
        • Заполнение мета тэгов страниц
      • Продвижение и маркетинг
        Продвижение и маркетинг
        • Оптимизация рекламы Яндекс Директ —
        • Юзабилити и seo видео-аудит —
        • Создание рекламной кампании Яндекс Директ —
        • Сбор поисковых запросов для сайта —
        • Настройка магазина для Яндекс Маркета —
        • Настройка магазина для Google Merchant —
        • Наращивание ссылок-упоминаний для сайта
      • Комплексные услуги для сайта
        Комплексные услуги для сайта
        • Дополнительные услуги —
        • Контекстная реклама —
        • Продвижение сайта по словам —
        • Подготовка к продвижению —
        • Индивидуализация сайта
      Готовые сайты
      • Сайты для бизнеса
        Сайты для бизнеса
        • Универсальные сайты —
        • Ремонт и строительство —
        • Сайты для мед учреждений —
        • Сайты для авто-мастерских —
        • Агентства недвижимости —
        • Сайты для салонов красоты —
        • Бары, рестораны, кафе и доставка еды —
        • Готовые сайты разной тематики
      • Готовые интернет магазины
        Готовые интернет магазины
        • Универсальные готовые магазины —
        • Недорогие магазины на редакции «Старт» —
        • Одежда, обувь, сумки, аксессуары —
        • Готовые магазины разной тематики
      • Посадочные страницы
        Посадочные страницы
        • Лендинг с каталогом —
        • Ремонт и строительство —
        • Красота и здоровье —
        • Лендинги разной тематики
      • Купить 1С-Битрикс
        Купить 1С-Битрикс
        • Лицензии для интернет-магазинов —
        • Лицензии для корпоративных сайтов и услуг —
        • Хостинг для 1с-Битрикс
      Наши работы
      • Проекты сайтов: 2022
      • Проекты сайтов: 2021
      • Проекты сайтов: 2020
      • Проекты сайтов: 2019
      • Проекты сайтов: 2018
      • Проекты сайтов: 2017
      • Проекты сайтов: 2016
      • Проекты сайтов: 2015
      • Проекты сайтов: 2014
      • Проекты сайтов: 2013
      • Проекты сайтов: 2012
      Компания
      • О компании
      • Партнеры
      • Производители
      • Вопрос ответ
      • Лицензии
      • Реквизиты
      • Отзывы
      Пресс-центр
      Контакты
        0
        hrustalev.com
        0
        hrustalev.com
        • Мой кабинет
        • Услуги
          • Назад
          • Услуги
          • Дизайн для сайта
            • Назад
            • Дизайн для сайта
            • Логотип для сайта
            • Иконки для сайта
            • Баннеры для сайта
          • Наполнение сайта
            • Назад
            • Наполнение сайта
            • Составление текстов для товаров и услуг
            • Ручное добавление товаров на сайт
            • Размножение текстов
            • Перенос контента на новый сайт
            • Очистка сайта от демо-контента
            • Выгрузка товаров на сайт из прайс листа
          • Настройка готового сайта
            • Назад
            • Настройка готового сайта
            • Установка готового сайта
            • Замена базовых элементов для сайта
            • Настройка пунктов меню
            • Настройка разделов каталога
            • Настройка SSL сертификата
            • Подключение платежной системы к сайту
            • Настройка Многосайтовости
          • Оптимизация сайта для SEO
            • Назад
            • Оптимизация сайта для SEO
            • Установка счетчиков посещаемости сайта
            • Уменьшение веса картинок на сайте
            • Регистрация сайта в поисковых системах
            • Оптимизация скорости сайта Google Page Speed
            • Настройка файлов индексации
            • Заполнение мета тэгов страниц
          • Продвижение и маркетинг
            • Назад
            • Продвижение и маркетинг
            • Оптимизация рекламы Яндекс Директ
            • Юзабилити и seo видео-аудит
            • Создание рекламной кампании Яндекс Директ
            • Сбор поисковых запросов для сайта
            • Настройка магазина для Яндекс Маркета
            • Настройка магазина для Google Merchant
            • Наращивание ссылок-упоминаний для сайта
          • Комплексные услуги для сайта
            • Назад
            • Комплексные услуги для сайта
            • Дополнительные услуги
            • Контекстная реклама
            • Продвижение сайта по словам
            • Подготовка к продвижению
            • Индивидуализация сайта
        • Готовые сайты
          • Назад
          • Готовые сайты
          • Сайты для бизнеса
            • Назад
            • Сайты для бизнеса
            • Универсальные сайты
            • Ремонт и строительство
            • Сайты для мед учреждений
            • Сайты для авто-мастерских
            • Агентства недвижимости
            • Сайты для салонов красоты
            • Бары, рестораны, кафе и доставка еды
            • Готовые сайты разной тематики
          • Готовые интернет магазины
            • Назад
            • Готовые интернет магазины
            • Универсальные готовые магазины
            • Недорогие магазины на редакции «Старт»
            • Одежда, обувь, сумки, аксессуары
            • Готовые магазины разной тематики
          • Посадочные страницы
            • Назад
            • Посадочные страницы
            • Лендинг с каталогом
            • Ремонт и строительство
            • Красота и здоровье
            • Лендинги разной тематики
          • Купить 1С-Битрикс
            • Назад
            • Купить 1С-Битрикс
            • Лицензии для интернет-магазинов
            • Лицензии для корпоративных сайтов и услуг
            • Хостинг для 1с-Битрикс
        • Наши работы
          • Назад
          • Наши работы
          • Проекты сайтов: 2022
          • Проекты сайтов: 2021
          • Проекты сайтов: 2020
          • Проекты сайтов: 2019
          • Проекты сайтов: 2018
          • Проекты сайтов: 2017
          • Проекты сайтов: 2016
          • Проекты сайтов: 2015
          • Проекты сайтов: 2014
          • Проекты сайтов: 2013
          • Проекты сайтов: 2012
        • Компания
          • Назад
          • Компания
          • О компании
          • Партнеры
          • Производители
          • Вопрос ответ
          • Лицензии
          • Реквизиты
          • Отзывы
        • Пресс-центр
        • Контакты
        • Корзина0
        • +7 (925) 247-20-24
        info@hrustalev.com
        Москва, м. Тимирязевская ул. Яблочкова 31, 3
        • YouTube
        • Главная
        • Пресс-центр
        • Обучение 1с-Битрикс
        • Как уменьшить вес картинок на сайте 1с-Битрикс

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

        25 мая 2022
        Обучение 1с-Битрикс

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

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

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

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

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

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

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

        1.jpg

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

        2.jpg

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

        3.jpg

        4.jpg

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

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

        5.jpg

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

        6.jpg

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

        7.jpg

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

        8.jpg

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

        9.jpg

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

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

        10.jpg

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

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

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

        11.jpg

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

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

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

         



        Поделиться
        Назад к списку
        Услуги
        Дизайн для сайта
        Наполнение сайта
        Настройка готового сайта
        Оптимизация сайта для SEO
        Продвижение и маркетинг
        Комплексные услуги для сайта
        Готовые сайты
        Сайты для бизнеса
        Готовые интернет магазины
        Посадочные страницы
        Купить 1С-Битрикс
        Компания
        О компании
        Партнеры
        Производители
        Вопрос ответ
        Лицензии
        Реквизиты
        Отзывы
        Проекты
        Пресс-центр
        Контакты
        +7 (925) 247-20-24
        Заказать звонок
        info@hrustalev.com
        Москва, м. Тимирязевская ул. Яблочкова 31, 3
        • YouTube
        Политика конфиденциальности
        © 2022 Все права защищены.
        0

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

        Исправить это просто: выберите в каталоге интересующий товар и нажмите кнопку «В корзину»
        В каталог
        Заказать звонок
        Написать сообщение