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

  • 30.03.2018
  • Просмотров: 4131

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

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

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

Уменьшаем размер изображения с помощью PIXLR редактора
Онлайн сервис для сжатия изображения TinyPNG

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

Уменьшаем размер изображения с помощью PIXLR редактора

Этот способ подойдет в том случае, если необходимо быстро изменить размер изображения и сделать его немного меньше по высоте или ширине. На помощь придет специальный онлайн редактор PIXLR, который очень похож на всеми любимую и известную программу. Его еще очень часто называют "Фотошоп онлайн". Перейти на него можно по этой ссылке. Не пугайтесь, если первый раз браузер попросит у Вас разрешение на запуск Flash. Не установлен Flash player или не знаете как его обновить?! Читайте подробную инструкцию здесь.

На первой странице загружаем фотография на сайт.

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

Далее в верхнем меню переходим "Изображение -> Размер изображения..."

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

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

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

Теперь все изменения необходимо сохранить. Для этого в верхнем меню переходим "Файл -> Сохранить" или нажимаем сочетание клавиш Ctrl+S.

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

Откроется окно, в котором будет возможность указать имя сохраняемого файла, его формат (в основном используем jpg и png), а также качество. Думаю, Вы уже догадались, что чем ниже качество, тем меньше места на жестком диске будет занимать конечный файл. Советовать какие-то конкретные цифры я не буду, так как здесь нужно самостоятельно найти ту самую золотую середину между качеством изображения и размером, которое оно будет занимать на диске. Если присмотреться, то можно заметить размер получаемого файла в правом нижнем углу над кнопкой "Да".

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

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

Онлайн сервис для сжатия изображений TinyPNG

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

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

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

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

Кроме всего прочего, можно увидеть на сколько уменьшился размер каждого файла и скачать итоговый результат к себе на компьютер. Замечу, что есть статистика как по каждому файлу, так и по всем вместе взятым. Ну и скачать можно каждый файл по отдельности или все сразу на кнопку "Download all".

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

Вот такими простыми способами можно уменьшить размер изображения онлайн.

Не забудьте поделиться ссылкой на статью ⇒

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

В этом уроке расскажу как проверить надежность введенного пароля. Для этих целей мы будем использовать специальный сервис от "Лаборатории Касперского" под названием "Secure Password Check"

  • 30.09.2016
  • Просмотров: 2596
Как сделать черно-белое фото цветным

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

  • 09.08.2016
  • Просмотров: 3242
Доступ к заблокированным сайтам через онлайн-переводчик

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

  • 11.09.2015
  • Просмотров: 6015
  • Видеоурок
Как открыть заблокированный сайт (Опера Турбо)

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

  • 31.08.2015
  • Просмотров: 7575
  • Видеоурок