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

Я покажу Вам, как это делать очень быстро и легко. Нам потребуется всего лишь стандартная программа для рисования Paint. Она входит в саму Windows и, как правило, имеется на любом компьютере с такой системой.

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

Зачем сжимать фотографии

Уменьшать их нужно для того, чтобы передавать по интернету. Отправлять по электронной почте, по скайпу, добавлять в социальные сети (Facebook, Одноклассники, Вконтакте и другие). Также их нужно сжимать для добавления на сайт или блог.

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

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

Если Вы собираетесь распечатывать фотографии на принтере или в фотолаборатории, то такой огромный размер как раз и нужен. Он влияет на качество «бумажной» версии.

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

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

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

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

Получается, товарищ сможет увидеть все недостатки моего внешнего вида - каждое пятнышко, каждую складочку. Даже морщинки и прыщики на лице.

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

Конечно, если я отправляю такое фото близкому родственнику, то оно может и ничего, хотя тоже не очень-то приятно. А если коллеге по работе или девушке, которая мне нравится…

Еще одна причина, по которой необходимо сжимать фотографии для интернета - это их компьютерный размер. Он тоже достаточно большой.

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

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

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

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

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

В общем, причин для того, чтобы научиться уменьшать фотографии более чем достаточно. Так что приступим…

Самый простой способ уменьшения размера и веса фото

Как по мне, то самый быстрый и простой способ уменьшения фотографий - это при помощи стандартной программы Paint.

Paint - это программа для рисования, которая изначально «встроена» в систему Windows. То есть мало того, что она бесплатная, так еще и уже установлена на компьютере (за редким исключением).

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

Ниже представлены инструкции для разных систем - Windows 7, 8, Vista или Windows XP.

Может показаться, что это довольно сложно, но, на самом деле, это не так - просто я всё слишком подробно расписал:)

Windows 7, 8 или Vista

1. Щелкаем правой кнопкой мышки по фотографии, которую нужно сжать.
2. Наводим на пункт «Открыть с помощью…» и из дополнительно списка выбираем «Paint».
3. Открывается программа Paint, в которой будет наша фотография в оригинальном (большом) размере.
4. Нажимаем на надпись «Рисунок» (вверху) и выбираем «Растянуть/наклонить…».
5. В появившемся маленьком окошке в поле «По горизонтали» и «По вертикали» вместо цифры 100 указываем меньшую - столько, сколько хотели бы оставить в процентах от исходного размера фото (например, 20) - и нажимаем «ОК». Цифры должны быть одинаковыми и в одном и во втором поле.
6. Фотография уменьшается в программе. В том случае, если размер не подходит, отменяем его изменение. Для этого нажимаем на надпись «Правка» и из списка выбираем «Отменить».
7. Нажимаем на надпись «Файл» и выбираем «Сохранить как…».
8. В окошке проверяем, чтобы внизу было написано JPEG (*JPG; *.JPEG; *.JPE; *.JFIF). Если значение другое, щелкаем по нему и из списка выбираем нужное.
9. Можно также изменить «Имя файла» (напечатать другое): тогда фотография будет в двух вариантах - оригинальном (большом) и уменьшенном. Если не менять название, то исходное фото заменится новым.
10. Нажимаем на кнопку «Сохранить» в окошке, и закрываем программу.

Пример

Я сделал снимок на фотоаппарате и перенес его в компьютер. Теперь хочу отправить это фото своему другу по электронной почте.

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

В моем случае фактический размер снимка 3508x2508, а компьютерный вес 7,66 МБ.

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

Что касается размера. Он указан в точках (пикселях). Вполне достаточно, чтобы самое большое значение было от 600 до 1000.

Итак, я все делаю по инструкции. В окошке изменения размера указываю 20. То есть от исходного большого размера останется только 20%. Сохраняю, предварительно изменив название, и закрываю программу.

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

Как видите, фото значительно сжалось, но, несмотря на это, при его просмотре на экране оно фактически не изменилось.

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

Кстати, если Вы хотите потренироваться на этой же самой фотографии, то можете сохранить ее по ссылке .

Другие способы сжатия фото

Еще можно сжать фотографии без программы . Делается это при помощи специальных сайтов.

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

Нажимаем на кнопку UPLOAD FILES.

В появившемся окошке находим и открываем фотографию, которую нужно сжать.

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

Чтобы скачать этот сжатый вариант, нужно просто навести на него курсор и щелкнуть левой кнопкой мышки.

Уменьшенное фото скачается в папку «Загрузки» (Downloads) или «Документы» (Мои документы).

На заметку: уменьшается только компьютерный вес фотографии - исходный размер (ширина и высота) остается прежним.

А можно, например, сжать несколько фотографий сразу и скачать их запакованными в архив. То есть фактически и сжать и заархивировать.

Для этого при помощи кнопки UPLOAD FILES добавляем столько фотографий, сколько нам нужно. Все они появляются внизу. После их загрузки и сжатия нажимаем на кнопку DOWNLOAD ZIP. На компьютер скачается всего один файл-архив, внутри которого будут сжатые фотографии.

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

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

Программа для сжатия фото

Кроме Paint есть еще ряд программ, которые могут уменьшать размер и вес фотографий.

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

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

В итоге за несколько минут можно получить один файл-архив, внутри которого будут лежать все пятьдесят уменьшенных фотографий. Причем, они будут удобно называться (типа 01, 02, 03 и т.д.), а не всякие там img class="ada"_1272 или DSC_0195.

Скачать программу FastStone Image Viewer можно по ссылке .

Инструкция по установке и настройке

Инструкция по сжатию фото

1. Создаем на компьютере новую папку и копируем туда все фото, которые нужно сжать.

2. Открываем программу FastStone Image Viewer (ярлык на Рабочем столе).

3. В левой части программы выбираем папку с фотографиями.

4. Выделяем фото.

5. Нажимаем на надпись «Файл» в верхнем левом углу и выбираем «Отправить по e-mail».

6. Открывается дополнительное окошко, в котором нужно указать параметры сжатия. Рекомендую выбрать следующее:

• В списке «Выбор размера» указать 800x600
• Убрать птички с пунктов «Добавить рамку» и «Сохранить данные EXIF/IRTC»
• Поставить птичку на «Переименовать», а в поле «Шаблон» оставить только один значок #
• Установить птичку на «Упаковать изображения в архив»

7. Нажимаем на кнопку «Скопировать в…» и ждем, пока программа подготовит файлы к копированию.

8. Открывается дополнительно окно. Щелкаем по кнопке «Обзор», выбираем ту папку, куда нужно поместить сжатые фото, и нажимаем «ОК».

9. Щелкаем по кнопке «Скопировать».

10. Закрываем все окошки и саму программу. Открываем папку, куда поместили фото и любуемся результатом.

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

Архивация фотографий

Архивация - это процесс помещения нескольких файлов или папок с файлами в отдельный контейнер (архив).

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

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

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

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

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

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

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

Как уменьшить вес фотографий в программе Microsoft Office Picture Manager.

Самое быстрое для уменьшения веса фото - использовать уже имеющиеся программы, входящие в пакет Microsoft Office, например менеджер по обработке изображений Microsoft Office Picture Manager.

1 Способ как оптимизировать картинки

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

В открывшемся окне выбираем Открыть с помощью — Microsoft Office Picture Manager

Откроется окно программы со вставленной фотографией.

В левом верхнем углу, в меню находим Рисунок - Сжать рисунки, кликаем.

Справа открывается меню. Вы можете уменьшить вес фото в 3-х вариантах

Сжать для документов. В этом случае фотографии сохраняются в размере 1024х768, это достаточно хорошее качество и вес фото с 6.7 МБ уменьшается до 478 КБ

Сжимать для веб-страниц. В этом случае получаются фото среднего качества в размере 448х336 точек и исходный размер уменьшается с 6.7 МБ до 91.5 КБ

Сжимать для сообщений электронной почты. Сейчас происходит самое большое уменьшение размера до 160х160 и веса с 6.7 МБ до 11.6 КБ

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

Кроме фотографий также можно оптимизировать картинки.

2 Способ как оптимизировать картинки

Начало как в Cпособе 1. Находим в компьютере нужную фотографию, щелкаем правой кнопкой мыши. В открывшемся окне выбираем - Открыть с помощью — Microsoft Office Picture Manager

В левом верхнем углу, в меню находим Рисунок - Изменить размер

В меню, открывшемся справа, у вас также есть 3 варианта уменьшения размера и веса фото и картинок:

Используем стандартные ширину и высоту. Ставим точку, затем жмем черный треугольник. В выпадающем меню выбираем нужную опцию (например веб-мелкий 448х336 точек) ОК

Размер картинки оптимизируется до 448х336 точек, а вес можно посмотреть после сохранения. В моем случае вес фотографии с 6.7 МБ уменьшился до 123 КБ.

Используем произвольные ширину и высоту. Ставим точку, задаем нужную ширину и высоту- ОК — Сохранить как

Размер получится 400х300 точек соответственно и вес 103 КБ

Используем опцию проценты от исходных ширины и высоты. Ставим чек-бокс, выбираем процент (например 10)- ОК - Сохранить как.

Получается новый размер 397х298 точек и новый вес 103 КБ

Каждая фотография или картинка имеет свой размер, который зависит от качества изображения. Чем больше весит картинка, тем лучше её качество. Однако при загрузке фото на сайт или при передаче через e-mail пользователи часто сталкиваются с ограничениями, которые касаются размера файла. Некоторые обрезают фото, другие редактируют его в фотошопе. Однако можно более простым способом решить данную проблему – сжать фото.

Сжимаем фото программным способом

Сжать картинку или фото без потери качества можно различными программами. Рассмотрим некоторые из них.

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

• Выбираем фото и нажимаем на нём правой кнопкой мыши. Выбираем «Открыть с помощью…» и выбираем «Paint».

• Фотография откроется в редакторе. Здесь нажимаем «Изменить размер».

• Откроется небольшое окно. В нем можно изменить размер в пикселях и процентах. Если вы не хотите, чтобы пострадало качество фото, то стоит поставить отметку «Проценты» и уменьшить размер фото примерно на 50%. Также здесь нужно поставить отметку «Сохранить пропорции».

• Теперь нужно сохранить фото. Жмём «Файл», «Сохранить как…» и выбираем формат фото.

• Фото сжато.

Ещё одной программой для сжатия фотографии без потери качества является FastStone Image Viewer . Чтобы сжать фото с помощью данного софта выполняем следующие действия:

• Открываем программу и в левом меню выбираем папку с фотографиями. Выделяем нужное фото. Далее нажимаем «Правка», «Изменить размер».

• Выставляем отметку возле пункта «Процент», чтобы изображение не потеряло качество. Указываем ширину и высоту. Стоит выбирать равные пропорции, чтобы картинка не сжалась по углам.

• После сохраняем фото.

Также с помощью программы FastStone Image Viewer можно сжать фото другим способом.

• Выделяем файл и нажимаем «Отправить по e-mail».

• Далее выставляем размер фото. Снимаем отметки с пунктов «Добавить рамку» и «Сохранить данные EXIF/IRTC». Ставим отметку «Переименовать». Появится раздел «Шаблон». В нем имя можно оставить без изменений. Ставим отметку «Упаковать изображение в архив». Выставив все параметры, жмём «Скопировать в…».

• Указываем папку, куда нужно скопировать файл.

• Переходим в указанную папку и смотрим сжатое фото.

Чтобы сжать картинку без потери качества можно использовать программу GIMP .

• Открываем программу. Выбираем «Файл», «Открыть».

• Указываем путь к файлу и жмём «Открыть».

• Откроется фото. Переходим во вкладку «Изображение» и выбираем «Размер изображения».

• Для того, чтобы сжать фото без потери качества, нужно выставить такую ширину и высоту, которые бы делились на 8. После жмём «Изменить».

• Сохраняем отредактированное изображение.

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

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

• Сайт http://optimizilla.com/ru/ . Чтобы сжать фото нажимаем «Загрузить».

• Далее загрузится фото. Будет представлено 2 картинки: оригинал и сжатая копия. С помощью ползунка сбоку выставляем качество и жмём «Сохранить».

• Сайт http://resizepiconline.com/ также предоставляет своим пользователям возможность изменить размер картинки. Для этого нужно загрузить фото на сайт.

• Далее выставляем ширину и качество. Можно поменять формат. Жмём «Изменить размер».

• Нажимаем «Скачать» и сохраняем сжатое фото.

• Сайт http://www.imageoptimizer.net/Pages/Home.aspx . Выбираем файл. Выставляем размер фото и нажимаем «Optimize Now».

• После жмём «Загрузить на компьютер».

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

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

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

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

Элементарный пример: обычная несжатая фотография весит примерно 1,5-3 мб в лучшем случае. Бывают и более тяжелые случаи. Это фото можно уменьшить без потери качества более чем в 10 раз – до 50-100 кб.

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

Работать я буду с фотографией котика, которая весит 3мб (из интернета).

1. Сделать скриншот и вырезать . Первым делом я сделала скриншот картинки и сохранила отдельно – вес сразу стал 104 кб, качество пострадало лишь чуть-чуть, только если приблизить фото вплотную. Я скриншот делала с помощью встроенной функции Win7 Ножницы. Находятся в Пуск – Все программы — Стандартные – Ножницы .

Но не у всех есть такая возможность, так что можно просто нажать кнопочку Print Screen на клавиатуре, потом открыть Paint и с помощью клавиш ctrl + V вставить туда картинку. Обрезать лишнее, чтобы осталась только нужная картинка. Но таким способом вес получился 206 кб, что все равно лучше оригинала.

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

Уменьшаем цифру в поле По горизонтали на значение, которое вас устроит. Я указала 500, и вес сократился до 72,2кб. Выбирайте число, которое примерно равно ширине страницы на вашем сайте.

Это один из самых простых и доступных способов, но иногда уменьшение размера не сильно помогает. Можно использовать другие методы.

3. Picture Manager – это полезная программа для сжатия фотографий. Входит в стандартный пакет Microsoft Office, так что скорее всего у вас установлена.

Большой плюс этой программы – можно одновременно уменьшить размер и вес нескольких фотографий.

Нажмите на нужную фотографию Правой Кнопкой Мыши (ПКМ) и выберите Открыть с помощью — Microsoft Office Picture Manager.

Нажимаем Изменить рисунок – Сжатие рисунков и выберите подходящий вариант сжатия. Например, в режиме Веб-страниц вес уменьшается с 3мб до 26,6кб, что можно считать очень хорошим результатом.

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

4. Photoshop – очень удобный способ, но только если вы разбираетесь в этой программе и она у вас установлена. Нажмите на фотографию ПКМ, выберите Открыть с помощью – Photoshop.

В верхнем меню Изображения выберите пункт Размер изображения или просто нажмите сочетание клавиш Alt+Ctrl+I. Здесь можно сократить размер фото до нужного.

Когда установите нужный размер, нажмите ОК. Зайдите в меню Файл – Сохранить как… и даем нужное название, жмем Сохранить. После этого откроется окно, где можно внести дополнительные настройки:

Здесь уменьшаем качество до 8 – это все еще высокое качество, но сокращает размер примерно на четверть. В разновидности формата можно выбрать любой вариант, я выбираю обычно Базовый.

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

5. Онлайн сервисы – неплохая альтернатива всем вышеперечисленным методам. Не придется устанавливать дополнительные программы или разбираться в сложных схемах.

Найти подобные сайты можно без труда – их много. Я рассмотрю процесс на примере watermark.algid.net. Нажмите на верхнем меню Сервисы и выберите Изменение размеров изображения .

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

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

Коллажи – отличный способ соединить 2-4 фотографии в одну, сократив их вес и не убирая их из статьи. Очень пригодится при размещении пошаговых рецептов – в одном снимке 4 шага. Для этих целей я использую удобный сайт pizapru.com. Бесплатный, без регистрации, интуитивно понятный и с множеством функций. Рекомендую.

Вот и все основные способы уменьшить вес фото без потери качества. Какой именно способ выбрать – решать вам.

Как оптимизировать изображение для сайта

А теперь дополнительные советы о том, как же оптимизировать картинки для сайта или блога:

• Сохраняйте изображения в формате JPEG — это отличный способ сжать фото без потери качества.
• Избегайте «тяжелых» форматов, например PNG. С его помощью можно добиться эффект прозрачности на картинках, так что многие его используют. Но иногда лучше отказаться от лишней красоты, и увеличить скорость загрузки сайта.
• Называйте фотографии ключевыми словами, а не набором букв – поисковые системы обрабатывают названия и выводят их в поисковой выдаче. Так что вы можете получить дополнительный приток посетителей, если с умом выберите название.
• В поле ALT или альтернативный текст нужно указать описание того, что изображено на картинке. Если картинка не загрузится, чтобы люди могли узнать, что там было изображено. Можно в описание естественно вписать ключ.
• В поле Title стоит ввести текст, которые будет появляться при наведении курсора на картинку. Поисковые системы не учитывают этот показатель при ранжировании, так что ключ вписывать необязательно. Многие вебмастера вовсе не заполняют это поле.
• Старайтесь использовать уникальные фотографии. Как добиться уникальности изображений я писала в этой статье .

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

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

Оптимизацию изображений можно рассматривать в 2 аспектах:

• уменьшение веса изображений для увеличения скорости загрузки страницы;
• как составляющая SEO - о птимизации — в этом случае кроме уменьшения веса изображениям присваиваются подходящие названия и прописываются альт теги.

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

Введение: Для чего уменьшать вес изображений на сайте

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

Статистические исследования показывают, что посетители ждут загрузки сайта порядка 3 секунд на стационарных компьютерах и 5 — на телефоне!

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

Каким должен быть вес изображений?

Для различных ресурсов выбор веса изображения — индивидуальный параметр, для интернет-магазин с большим ассортиментом товаров допустимый вес не более 50-70 Кб. Для сайтов — портфолио, в которых ставка делается именно на красивые, качественные изображения - больше. Старайтесь придерживаться максимально возможного уменьшения веса картинок, а если большие изображения необходимы вашему ресурсу, лучше дайте посетителям просмотреть их в полном размере в новой вкладке.

Оптимизация изображений позволяет уменьшить их вес в разы без ощутимой потери качества.

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

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

Для уменьшения веса изображения:

1. Определите размер изображения, которое будет отображаться на сайте.
   Не загружайте исходные картинки сразу. Если на сайте выводится изображение с размерами 500*600 пикселей, а загружается картинка в 3 раза большего размера, время загрузки будет такое же, как для исходной.
2. Уменьшите размеры.

к содержанию

1. Как уменьшить размер изображения в Paint

Начну с Paint , потому что это программа входит в стандартный набор ОС Windows и не требует установки дополнительных графических редакторов.

1. Открываем картинку в Paint и на верхней панели кликаем «Изменить размер» .

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

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

Теперь сравним исходное изображение и итоговое:

исходное изображение с размерами 2184*1456 пк и весом 735 Кб после уменьшения до 750*500 пк стало весить 142 Кб — вес уменьшился в 5 раз!

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

2. Как уменьшить размер изображения в P hotoshop

1. Открываем файл в редакторе, в верхней панели выбираем вкладку Image (Изображение) - Image Size (Размер изображения) .

2. В открывшемся окне можно менять параметр ы ширины (Width ) , высоты ( Height ) и разрешения ( Resolution ) . Причем, для сохранения пропорций должен быть отмечен флажок Сохранять пропорции ( Constrain Proportions ) , в этом случае при изменении одного из параметров, другие меняются автоматически.
Для публикаций графики в вебе разрешени е составляет 72пк/дюйм .

Вводим необходимые параметры и жмем «ОК ».

3. Сохраняем изображение.

Для сохранения изображения есть три варианта:

• Сохранить (Save (Ctrl+S ) );
• Сохранить как (Save As (Shift+Crtl+S ) );
• Сохранить для веб (Save for Web (Shift+Ctrl+Alt+S ) ).

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

При выборе Сохранения для Веб в открывшемся окне можно задать параметры:

• Формат (как говорили выше, jpeg );
• Качество (Quality ) - этот параметр изменяется от 0 до 100, соответственно при этом итоговое изображение будет лучшего или худшего качества.
  В окне слева от параметров на вкладках вы можете выбрать варианты отображения: Оригинал, Оптимизированное, 2 вари анта (одновременно отображается сохраняемое и итоговое изображение), 4 Варианта (отображаются оригинальное изображение, изображение с параметрами, которое вы задали, и 2 промежуточных).

  Я обычно выбираю 2 Варианта (

  2-Up ) — меняя качество можно одновременно видеть изменения в изображении и подобрать оптимальное для конкретного случая. Для статьи меня устроило качество 50, но это не постоянная величина, чаще я сохраняю изображения в пределах 60-75.

  Снизу под отображаемыми вариантами выводятся данные итогового изображения в зависимости от заданных настроек

  ;
• Отмечаем галочку Прогрессивный (Progressive ).
  И тоговое изображение будет загружаться не построчно, а за несколько подходов.
  Вам наверняка приходилось сталкиваться с такими случаями, когда вы видите не половину загруженной картинки, а сначала — полностью — плохого качества, потом — все лучше и лучше . Но с самого начала загрузки пользователь имеет представление о том, что на изображении. Вес прогрессивного может быть на несколько килобайт больше оптимизированного, но эта разница незначительна. Практика показывает, что прогрессивный джипег позитивнее воспринимается пользователями.
• Размеры.
  Если вы хотите изменить размеры изображения, они задаются в этом же окне снизу .

После выбора необходимых настроек жмем «Сохранить» (Save ) и получаем оптимизированную для сайта картинку.

Анализируем результаты оптимизации изображения в Фотошопе:

исходное изображение все то же 2184*1456 пк , 735 Кб , после уменьшения до 750*500 пк : при обычном сохранении 1 59 Кб — вес больше, чем при уменьшении в Paint, Сохранение для Веб (при качестве 50) - 63,7 Кб . Сжатое изображение в есит 11.5 раз меньше. Не забываем, что ко всем прочим плюсам джипег еще и прогрессивный.

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

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

3. Онлайн-сервисы по оптимизации изображений

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

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

2 . Kraken

Форматы.jpg, .png, .gif. Предоставляет 3 варианта оптимизации:

1. Сжатие с потерями Lossy - выбрано по умолчанию ;
2. Сжатие без потерь - Lossless ;
3. Expert - с выбором параметров оптимизации .

Загружаем файлы, которые надо оптимизировать.

По завершению оптимизации сервис выдает отчет о результатах. Для нагрузки файла жмем на кнопку «Do w nload File » - уменьшенная картинка открывается в соседней вкладке.

Если результат устраивает, сохраняем изображение (клик на фото правой кнопкой мыши — Сохранить как )

Простой интерфейс, результат оптимизации можно посмотреть сразу же. Работает только с форматом jpeg.

Сервис сжатия изображений в JPG, PNG и GIF- форматах. Имеет ограничени е по весу в 500 Кб и количеству 20 одновременно.

4. Уменьшение размера с помощью плагинов сжатия изображений

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

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

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

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

А еще — задавайте вопросы, пишите в комментариях, оказалась ли статья полезной. Если да, ставьте лайки и делитесь с друзьями.
Удачи и хорошего настроения.