Как сделать меньше размер и вес картинки на сайте

Здравствуйте, уважаемые читатели!

В этой статье мы разберем вопрос, что такое оптимизация изображений для сайта. Сразу оговорюсь, что разговор мы будем вести не о поисковой оптимизации, а об оптимизации размера изображения, его «веса». Под весом понимается объем картинки, выраженный в мегабайтах. Всегда надо стремиться к тому, чтобы вес загружаемой на сайт картинки был как можно меньше. Для чего это нужно?

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

Во-вторых, далеко не у всех Ваших читателей быстрый интернет. Поэтому, если на странице много тяжелых картинок, то эта страница будет долго загружаться. Это не нравится пользователям и побуждает их уйти с Вашего сайта. Соответственно, снижается посещаемость. К тому же поисковые роботы видят, что страницы сайта грузятся долго, и сайт может быть понижен в поисковой выдаче.

Теперь разберемся с вопросом, а как уменьшить размер картинки перед загрузкой ее на сайт?

Способов много, но сейчас разберем самый, на мой взгляд, доступный. Заходим на сервис https://kraken.io и кликаем по кнопке «Try Free Web Interface» (на скриншоте указана стрелкой).

kraken

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

kraken1

Цепляем левой кнопкой мыши фотографию из своей библиотеки и перетаскиваем ее в выделенное пунктиром белое поле. Подтверждаем свое действие.

kraken2Потом прокручиваем страницу вниз и видим там таблицу. Я для примера перетащил два рисунка. В столбце «Original Size» указан начальный вес изображения, в столбце «Kraked Size» вес изображения после оптимизации, далее идут два столбца, в которых показано, на сколько уменьшилось изображение в килобайтах и процентах. Самая нижняя строка «Total» показывает суммарные данные для всех изображений. В нашем случае общий вес картинок удалось снизить практически в два раза.

Чтобы скачать оптимизированные изображения к себе на компьютер, кликните по кнопке, указанной стрелкой. Изображения скачиваются в виде Zip-архива.

kraken3Потом архив нужно разархивировать и поместить обработанные изображения в нужную Вам библиотеку, откуда потом закачать их на свой сайт.

Вот такой существует простой прием снижения веса картинок на сайте. Рекомендую им пользоваться. Надеюсь, что описание получилось понятным. Всего Вам самого наилучшего.

С уважением, Владислав Заболотный.

Поделитесь статьей в соцсетях.

Комментарии (8) на “Как сделать меньше размер и вес картинки на сайте”

  • Спасибо за полезную информацию! Буду теперь применять на практике.

    • Владислав Заболотный:

      Да, это очень важно максимально снижать вес изображений.

  • Спасибо! Очень полезная информация.

  • Галина:

    Владислав, большое спасибо за «наводочку»! Программа, действительно, простейшая и очень удобная: все получилось с первого раза.

    • Владислав Заболотный:

      Есть еще похожая программа «Оптимизилла», но по эффективности они одинаковы, я проверял. Сам по привычке пользуюсь этой.

  • Огромное спасибо, Владислав! Мы – начинающие блоггеры, не знаем порой самых элементарных вещей. А сколько, оказывается, есть полезных программ-помощников! Я завела себе отдельную папочку в закладках, куда складываю все нужные проги. И, знаете, эта папка пополняется у меня в основном с вашей помощью. СПА-СИ-БО!

    • Владислав Заболотный:

      Я очень рад, что мои знания смогли Вам помочь. Химик химику должен помогать)

Оставить комментарий

Хотите зарабатывать?