Выпуск # 58 Как уменьшить размер и вес картинки.

Не забудьте нажать на кнопку «ВКонтакте» или «Фейсбук» и поделитесь этой статьей в социальных сетях!

Умеете ли вы изменять размер картинки и уменьшать ее «вес»? Узнайте, как это сделать легко и без лишних хлопот, и не забудьте нажать на кнопку «Твитнуть»! Возможно, ваши друзья и знакомые нуждаются именно в этой информации!

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

Кусочки крылатого выражения были разбросаны в постскриптумах, и самые выносливые и терпеливые читатели дошли до финала!

«Если вы считаете, что обучение стоит дорого, попробуйте узнать, сколько стоит невежество» - вот та фраза, сказанная Робертом Кийосаки, которую мы угадывали на протяжении месяца.

А наш приз – замечательную веб-камеру выиграла наша читательница Светлана  (сайт: vsehobbi.com/), которая в комментариях к последней статье правильно угадала крылатое выражение.

Светлана! Вам виват! Мы поздравляем Вас с победой и просим отозваться, чтобы торжественно вручить выигранный Вами приз!

А сегодня мы продолжим разговор о том, как сделать свой сайт лучше.  Речь  пойдет о вопросе, который волнует многих наших читателей:

Как уменьшить «вес» картинки на сайте и подобрать оптимальный ее размер.

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

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

И если с вопросом, как вставить картинку в статью, мы еще справляемся, то с оптимальным ее размером и «весом» - не всегда. Огромные картинки весом в 3-5 Мб не только нарушают гармонию внешнего вида контента, но и переполняют дисковое пространство вашего хостинга, что приводит к его переполнению. И либо что-то на сайте надо удалять, либо покупать дополнительное место, что для начинающих сайтостроителей не всегда приемлемо.

«Что же делать?» – спросите вы. Да все просто! Надо научиться уменьшать размер и «вес» картинок.

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

Это очень простая в использовании и замечательная по функциональности программа Microsoft Office Picture Manager, которая входит в офисный пакет Microsoft.

Найти ее можно по такому пути:

ПускВсе программы - Microsoft Office – Средства Microsoft Office – Microsoft Office Picture Manager

Microsoft Office Picture Manager

Для наглядности мы выбрали фотографию, которая имеет вот такой размер:

Вот так она выглядит в программе:

Microsoft Office Picture Manager

Естественно, это не настоящий ее размер, программа самостоятельно уменьшила параметры картинки:

Microsoft Office Picture Manager

Такая огромная картинка на сайте нам ни к чему, поэтому приступаем к изменению ее размера. Для этого делаем всего два шага:

Microsoft Office Picture Manager

Появляется правая  боковая панель, которая дает нам полную информацию о размере данного изображения:

Microsoft Office Picture Manager

Она нам показывает, что картинка довольно большая, и чтобы сделать ее приемлемой для употребления на сайте, следует выбрать веб-размер. Программа предлагает на выбор два варианта: веб-крупный и веб-мелкий. На них и надо остановиться в зависимости от задач вашего контента:

Microsoft Office Picture Manager

Делаем два шага: выбираем размер и жмем ОК:

Microsoft Office Picture Manager

И получаем вот такую картинку с очень симпатичным размером:

Microsoft Office Picture Manager

Остается только сохранить результат своего труда:

Microsoft Office Picture Manager

Мы не только уменьшили размер картинки, но и изменили ее «вес», который значительно «похудел» по сравнению с первоначальным. Если перед обработкой изображение весило 1,5 Мб, то сейчас от нее остался вот такой удобный для сайта вес:

Вес картинки

Но на этом можно и не останавливаться. К сожалению, программа Microsoft Office Picture Manager имеет функцию сжатия изображений, но не всегда она действует корректно и порою предлагает больший «вес», чем у обработанной картинки.

Поэтому, если размер картинки вас устраивает, а «вес» хотелось бы иметь поменьше, можно воспользоваться другой популярной программой – ACDSee:

ACDSee

Чтобы сжать изображение, действуем так – выбираем в меню пункт Изменить – Преобразовать формат файлов:

ACDSee

В открытом окне выбираем формат файла (в данном случае, оставляем тот, что и был) и заходим в настройки формата:

ACDSee

Вот здесь-то и происходит таинство управления «весом» нашего изображения. С помощью «бегунка» устанавливаем процент сжатия. Желательно не сжимать уж очень сильно картинку, чтобы не испортить ее внешний вид. Можно остановиться приблизительно на 50%:

ACDSee

После настройки параметров сжатия нажимаем кнопку «Далее»:

ACDSee

Указываем путь, где будем сохранять наше изображение и снова нажимаем на кнопку «Далее»:

ACDSee

Остается только один шаг – начать конвертацию:

ACDSee Начать конвертацию

После того, как изображение обработано, нажимаем на кнопку «Готово»:

ACDSee Готово

В результате сжатия рисунок по размеру остался таким же, а вот его «вес» стал еще более привлекательным:

ACDSee

Да и качество изображения при этом ничуть не пострадало:

Cat

С помощью программы  ACDSee можно проделывать все те же операции по изменению размера картинки, которые мы рассмотрели на примере программы Microsoft Office Picture Manager.

Какую из программ использовать – выбор исключительно за вами. Главное – понять, что этот процесс очень важен и нужен.

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

P. S. А мы продолжаем наш конкурс! Сегодня стартует еще один его этап! Угадывайте фразу знаменитого человека, разбросанную по постскриптумам статей полезного контента, и выигрывайте призы!

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

Беспроводные наушники

Беспроводные наушники

Беспроводные наушники

Беспроводные наушники

И вы обязательно их выиграете, если будете внимательно, от статьи к статье собирать фрагменты фразы. Желаем удачи!

P.P.S. Кстати, если Вы еще не смотрели нашего первоапрельского видео, сделайте это прямо сейчас!