Блог Дмитрия Худякова
Энциклопедия начинающих блоггеров

Как сжать картинку без потери качества в фотошопе?

Всем привет, друзья-товарищи, новички, и уже более менее, а то и совсем опытные блоггеры! С вами на связи Дмитрий Худяков и блог «zametkibloggera.ru».

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

А ошибка эта в весе вставляемых на блог медиа файлов.

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

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

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

Но с другой стороны, всем хочется иметь качественные изображения на своем ресурсе, которые бы радовали глаз. Вот так дилемма! Как же этого добиться?

Сохранить качество картинки и при этом оставить ее с минимальным весом (уменьшить ее вес до максимума). Лично мне в подобных вопросах всегда на выручку приходит старый добрый фотошоп.

И в этой статье я расскажу вам как с его помощью можно уменьшать вес изображения практически без потери качества.

А так же расскажу еще об одном интересном инструменте, который наверняка уже прямо сейчас установлен на ваш компьютер. Нет, это не Paint! Об этом инструменте немного позже.

Опытные веб мастера знают, насколько важна скорость загрузки ресурса в сети и стараются свести ее к минимуму.

Лично я, когда запрашиваю ту или иную информацию в поисковых системах, жду загрузки ресурса тридцать-сорок секунд, на большее меня не хватает, после чего жму на крестик и ухожу проч. Навсегда!

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

Итак! Поехали!

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

Открываем наше большое и супер качественное изображение в программе. Загрузить его можно просто перетащив его в окно фотошопа, либо через главное меню – «Файл – Открыть».

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

Кстати вес исходного файла – 5,37 мб, а на страницах блога изображения не должны превышать 100 кб. Это оптимальный вес для любой картинки.

Итак, уменьшим для начала размер самой картинки, а следом подтянется и ее вес. Для этого в программе выбираем пункт – «Изображение» – «Размер изображения».

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

Видно, что размер и правда очень большой, в моем случае он вот такой – 6840Х4541 px. А для блога нам будет достаточно и 800 пикселей по ширине, да даже и этого много, а высота подстроится автоматом.

Вводим нужное значение в поле ширины. И жмем ОК. Наша картинка уменьшилось, даже в окне программы, до указанного размера. Теперь давайте сохраним получившийся файл в формате «jpg».

При сохранении картинки выбираем меню «Файл» – «Сохранить для web и устройств» и перед вами открывается вот такое окно, где можно выбрать параметры сохранения изображения.

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

Конченая картинка ничуть не изменилась. Зато данное действие коренным образом скажется на размере файла. Ниже жмем кнопку «Сохранить».

Переходим в свойства нашего готового файла и видим, что его вес, по сравнению с исходным файлом, стал во много раз меньше.

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

Второй вариант уменьшения – с помощью программы из пакета Microsoft Office. В стандартном пакете MS Office 2010 есть вот такая программа для просмотра изображений. Вот ее интерфейс.

В верхней панели инструментов жмем на кнопку «Изменить рисунки» и перед нами открывается вот такая панель инструментов.

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

Выбираем его.

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

Рекомендую вам поиграть с инструментом и подобрать оптимальный размер, подходящий для вас. Я же выбираю из списка – мелкий (800Х600 точек).

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

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

Друзья, ходят слухи, что размер картинок можно менять еще и в Ворде, но лично я, к сожалению, не в курсе данного метода. Может, кто из вас знает, как это сделать? Поделитесь, буду признателен!

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

На самом деле советую вам попробовать оба варианта, чтоб на будущее знать, как в случае если под рукой нет фотошопа, изменить размер той или иной картинки. Пользуйтесь, друзья!

Рекомендую

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

А знаете ли вы, что продажу рекламы на своем ресурсе можно полностью автоматизировать?

Это не реально! – скажете вы. Даже более чем! – отвечу я вам.

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

Все это встанет у вас на полный автомат, благодаря скрипту под названием «Linebro». Он способен помочь вам в автоматизации этого процесса. Теперь продажа рекламы – это чистое удовольствие.

Подробнее познакомиться со скриптом вы можете вот здесь.

Друзья, ну а у меня на этом все! Подписывайтесь на обновления проекта и обязательно оставляйте свои комментарии к данному материалу, буду благодарен искренне!

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

До встречи, коллеги! Берегите себя!

С уважением Дмитрий Худяков!

1 звезда2 звезды3 звезды4 звезды5 звезд (Нет голосов)
Загрузка...
Этот блог читают 4 578 человек, присоединяйся и ты
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o: