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

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

Как уменьшить размер картинки для сайта в 10 раз. Оптимизация изображений на сайте является одним из самых важных моментов при наполнении. Сегодня я расскажу, как можно это сделать.

Картинки на сайте, как и текст есть у всех, а у фотографов и сайтов специализирующихся на картинках так вообще занимают 90% от всего контента.

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

Зачем оптимизировать картинки

А вы когда нибудь задумывались сколько места они занимают на вашем хостинге, сколько времени загружаются страницы с картинками в сравнении с одним текстом.

Конечно если вы не задумываетесь над оплатой хостинга и на весь сайт у вас пять фотографий, то можно обойтись и без оптимизации 🙂 .

Для всех же остальных размер картинок будет напрямую влиять на посещаемость ресурса и стоимость хостинга. Не помню где то я читал, что исследователи доказали, что в среднем обычный пользователь согласен ждать не более трёх секунд до загрузки страницы, а оптимальным считается менее 1 сек.

Соответственно если Ваша страница будет открываться более 1 сек., то % отказов у неё будет гораздо больше и конечно поисковики это учитывают и понижают такую страницу в выдаче.

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

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

Средний размер картинок для размещения на сайте 500х400 и весом в 300 кб. После изменения наша картинка будет весить около 30 кб. чувствуете разницу. 🙂

После того, как вы нашли подходящую картинку, наложили текст, если нужно, уменьшаем качество картинки, изменяем размер и накладываем вотемарк с помощью программы «Light Image Resizer«.

Далее переходим на сайт Smushit, выбираем нашу картинку и жмём кнопку «Smush». Этот сервис производит чистку картинки, удаляет из неё все ненужные файлы.

Так же можете скачать плагин для WordPress «reSmush».

И последним пунктом будет изменение веса картинки. Для этого нужно зарегистрироваться на сайте Jpegmini и после этого можно будет скачать программу. В бесплатной версии стоит ограничение на 20 картинок в день, если вам этого мало то вы можете приобрести платную версию за 20$.

После всех этих манипуляций вес картинки уменьшается примерно в десять раз.

Вот теперь ваша картинка готова к загрузке на сайт. 🙂

В заключение классное видео Time-lapse о Чикаго

Рекомендую:
EurobyteRegRuSmmBoxAdmitad

Добавь к себе на стену:

Похожие записи


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

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

  • Комментарии: 0