Как уменьшить вес картинки

Как уменьшить вес картинкиКак уменьшить вес картинки или изображения, которое мы размещаем на странице сайта и для чего это нужно делать? Сначала отвечу на вопрос: для чего?

Для чего нужно уменьшить вес картинки

Если не уменьшать вес картинки, то и вся страница приобретает большой вес. А если картинка на странице не одна? От этого скорость загрузки страницы увеличивается. Увеличивается и время ожидания читателя. В наше время скоростей все меньше можно найти пользователей интернета, которые согласны ждать пока страница сайта загрузится полностью.


Да и на сервере дисковое пространство чаще зависит не от текстового материала, а от веса медиафайлов. Чаще всего такой вес придают различные флешки, мигающие баннеры и тизеры, а также картинки и оригинальные фотографии.

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

Как уменьшить вес картинки

Есть несколько путей того, как уменьшить вес картинки и при этом не ухудшить её качество:

  1. Уменьшить размер картинки. Потому что, чем меньше размер картинки, тем меньше её вес.
  2. Использовать русскоязычную программу FastStone Image Viewer, которую нужно скачать на свой компьютер. Эта программа помогает редактировать изображение, как по качеству, так и по размеру. Она будет сжимать изображение. И при этом ширина и высота изображения может и не изменяться, что очень важно, если мы хотим продвигать статью в поиске с помощью изображений. Чем больше размер картинки, тем она выше в выдаче поиска.
  3. Использовать для снижения веса графический редактор Microsoft Word, программы Photoshop или Paint Net. При сохранении изображения использовать пункт «Сохранить для web» или альтернативный набор клавиш (Ctrl+Alt+Shift+s). При этом нужно выбрать формат сохранения изображения jpeg.
  4. Если нужно изменить вес картинок, которые давно уже размещены на сайте и их замена требует много времени, то можно воспользоваться плагином WP Smush.it. Этот плагин способен сжимать автоматически все изображения на сайте ранее размещенные и новые. Использование данного плагина,  существенно уменьшает вес всего сайта. Плагин готов к работе сразу после активации и не требует настроек. В списке медиафайлов добавляется новая строка, и вы сможете увидеть, насколько изменен размер каждой картинки. Также  предусмотрен и шаг назад. В случае если вам не понравится изображение, то можно нажать на кнопку Re-smush и перед вами оригинал закачанного изображения. Скачать плагин можно по ссылке
  5. Можно уменьшить размер картинки, на самом сайте используя HTML -  текстовый редактор WordPress. Если его открыть с уже вставленной в текст картинкой, то вместо неё вы увидите html код, например такой:
    • <img src="http://1start-saita.ru/wp-content/uploads/2012/12/kak-umenshit-ves-kartinki.jpg" alt="Как уменьшить вес картинки" width="275" height="207" />

Здесь width – ширина, а height – высота изображения. Изменяя эти значения, можно изменить размер картинки.

Где сжать картинку онлайн

Для того чтобы сжать картинку онлайн можно пользоваться специальными онлайн сервисами:

  • http://www.jpegmini.com/
  • http://kraken.io/
  • http://www.webresizer.com/
  • http://www.imageoptimizer.net/Pages/Home.aspx
  • http://punypng.com/
  • http://tools.dynamicdrive.com/imageoptimizer/

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

@М.Антонова 

----------------------------------------------------------

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

P.S. Если вдруг возникнут вопросы по работе в сервисах онлайн, задавайте вопросы в комментариях, постараюсь ответить подробно.

Следующий раз я расскажу о том как проверить  правильность заполнения тегов Title и ALT с помощью сервиса Feedthebot.com

-----------------------------------------------------

«Первый старт сайта» предлагает статьи по этой теме:

  1. Размещение и оптимизация картинки на сайте
  2. Где взять картинки для оформления сайта
  3. Как сделать картинку уникальной

 

Статьи на эту тему

14 комментариев

    • Возможно и только плагин поставить. Каждый выбирает для себя, но все зависит от цели сайта. Если продвигать сайт картинками, то поисковики лучше реагируют на высококачественные большие картинки, а это достаточный вес. Да и сам плагин несколько тормозит загрузку сайта. Нужно пробовать.

  1. Спасибо,Марина! Это немаловажно для сайта — вес картинки. Я, например, это не сразу осознала, но теперь каждую картинку, благодаря вам стараюсь делать оригинальной, а потом «пропускаю» через фотошоп для уменьшения веса.

  2. Web-альбомы Picasa хорошо сжимают картинки, а если их в альбом загружаешь уже сжатыми, то на сайте картинка вообще почти ничего не весит. И потом, пользуясь веб-альбомом, грузишь на сайт только ссылку на изображение, ещё один плюс — меньше нагрузки на хост. Я сжимаю программкой Riot, классная утилитка, несложная, маленькая и послушная, да ты наверное читала у меня про неё. Марина классная статья, молодец!

    • Миша, но к сожалению, ссылками на картинки с Web-альбомов Picasa продвигать в поисковиках свой сайт не получится. А с картинок, особенно с поиска Гугл, приходит на сайт достаточно посетителей.
      Спасибо за оценку моей работы. Для меня важно твое мнение.

      • Марина, ты же знаешь, что у меня посты с пошаговыми картинками, представь, сколько места они занимают на хосте, в одном посте 20-30 картинок,это на этом блоге, а на Садоводстве осталось 300мб места, это при том, что я удалил Чайника и в 3 тестовом ничего нету, а покупать более дорогой хост, пока не могу себе позволить.

        • Миша, у меня тоже на хосте было мало места. Но после того, как почистила все сохраненные копии бекапа с хоста вопрос решился.
          А на счет Пикасса, каждый решает сам. В твоем случае — это решение вопроса: экономия места.

  3. Вот уж не знала, что размер картинки влияет на выдачу! Спасибо за подсказку. Про альбомы PICASA тоже интересно. Надо проанализировать ситуацию!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *