Как быстро изменить размер фотобез потери качества

Изменение разрешения фотографии онлайн

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

Вариант 1: Croper

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

1. Выполните переход на главную страницу Croper и нажмите на кнопку «Операции», что расположена в верхнем меню сайта. Откроется контекстное меню, где нужно выбрать вариант «Редактировать». Далее перейдите по пункту «Изменить размер».

Работа с картинкой начнётся сразу после того, как вы её загрузите на сайт сервиса. Для этого воспользуйтесь ссылкой «Загрузить файлы», что находится в самом низу.

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

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

Снова в верхней части нажмите на кнопку «Операции». Из контекстного меню выберите пункт «Редактировать». Далее перейдите в «Изменить размер».

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

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

Если вы выбрали вариант «Сохранить на диск», то сервис откроет «Проводник» Windows, где нужно будет выбрать директорию, в которую будет загружено сохранённое изображение.

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

Вариант 2: IloveIMG

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

1. На главной странице воспользуйтесь кнопкой «Изменить размер».

Далее вам нужно будет загрузить картинку, которой собираетесь менять размер. Если собираетесь менять параметры картинки, которая находится у вас на компьютере, то воспользуйтесь кнопкой «Выбрать изображения». При условии, что нужно изменять картинки с виртуальных дисков, то воспользуйтесь иконкой этих сервисов – Google Drive или Dropbox.

Откроется «Проводник», где нужно выбрать все изображения, которым нужно поменять разрешение. Если нужно выбрать несколько изображений, то зажмите клавишу Ctrl и выберите их. Затем нажмите «Открыть».

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

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

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

Способ №5. Уменьшение размера на Mac устройствах

Для пользователей Mac OS доступно бесплатное приложение для работы с картинками и фото под названием iPhoto.

Если программа не установлена на вашем устройстве, скачайте ее с официального магазина. Это совершенно бесплатно.

Утилита позволяет легко работать с изображениями всех распространенных на сегодняшний день форматов.

1. Нажмите на вкладку событий дважды;
2. Выберите необходимую картинку;
3. В окне параметров настройте размерность фото: можно регулировать ширину, высоту и разрешение. Чем ниже эти параметры, тем, соответственно, ниже размер файла;
4. Сохраните изображение.

Изменение размера фото в программе iPhoto

Тематические видеоролики:

Как уменьшить размер файла jpg

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

Уменьшаем размер файла JPEG (JPG)

В этом видео вы узнаете как уменьшить размер картинки формата JPEG (JPG) при помощи простых программ.

Что такое сжатие?

Любая информация, будь она представлена текстом, графикой, звуком и прочими способами, занимает определённую часть хранилища, чьё стопроцентное наполнение приводит к понижению скорости работы системы и невозможности сохранения новых данных. Самыми «радикальными» вариантами являются: удаление файлов, как только они перестают быть нужными, либо покупка внешнего MicroSD-хранилища, слота для которого может просто не остаться из-за вставленной SIM-карты. Кстати, если у вас стоит внешний накопитель в телефоне, можете узнать, как устанавливать приложения на Андроиде сразу на SD-карту.

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

Сжать размер фото с помощью онлайн-сервисов

Если нет возможности воспользоваться программами на ПК, сжать фото можно онлайн, бесплатно и без регистрации на сайтах:

• Photo-resizer
• OptimiZilla
• TinyPNG
• Kraken
• RESIZEPICONLINE

Принцип работы всех этих сервисов аналогичен. Чтобы онлайн обрезать снимок, необходимо загрузить его на сайт через «Обзор…», указать желаемые размеры и подтвердить операцию. Параметры снимка задаются в пикселях, в процентах, пропорционально или только с одной стороны. Снимок уменьшается онлайн автоматически и открывается в окне предварительного просмотра. Так пользователь может оценить результат. Если он не понравится, о по нажатию на кнопку «Назад» редактирование отменяется. Измененное онлайн изображение следует «Скачать», чтобы загрузить на ПК.

Как сжать файл JPG

Случается и так, что скорость интернета или технические данные компьютера/браузера не позволяют загрузить фотографии в сеть. Тогда на помощь приходят специальные сервисы, умеющие сжимать фотографии без потери качества. Использовать можно сторонние утилиты либо стандартные (базовый набор Windows). Поэтому перед тем как уменьшить файл JPG, нужно разобраться, по какому принципу эти программы выполняют свою работу.

Как сжать фото до нужного размера в Paint

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

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

Как уменьшить вес файла JPG в Фотошопе

Очень популярный сервис, который поможет разобраться, как уменьшить объем файла JPG без ухудшения качества – это Фотошоп. Графический редактор с большим набором функций может испугать неопытных пользователей обилием непонятных кнопок. Однако если знать последовательность действий, то сократить количество мегабайт у фотографий будет просто. Перед тем как сжать JPG при помощи Фотошопа, его нужно установить. Что делать после этого:

1. Откройте картинку Фотошопом (правой кнопкой на фото, «открыть с помощью», выберите Adobe Photoshop).
2. В качестве альтернативы, картинку можно открыть непосредственно из утилиты – вкладка «Файл» – пункт «Открыть».
3. В верхней рабочей области меню «Изображение», далее выберите «Размер изображения».
4. Открывшееся окно позволит вам выбрать все необходимые пропорции фотографии (величина сантиметров/пикселей, ширина).
5. Внизу окна обязательно отметьте галочкой пункт «Сохранять пропорции» (при изменении параметров они будут редактироваться равномерно).
6. В меню «Файл» выберите подпункт «Сохранить как».
7. Выберите джипег формат, который сохранит исходное качество.
8. После выбора формата нажмите на кнопку «Сохранить».

Другие способы сжать JPG без потери качества

Чтобы обработать картинку и сократить ее вес, можно использовать сторонние утилиты, web-сервисы онлайн – некоторые из которых бесплатные, а за работу с другими придется заплатить

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

Утилита/web-сервис	Платформа	Сжатие, процентов
FILEminimizer	Win	-39,3
FileOptimizer	Win	-17,7
ImageOptim	Mac	-18,3
JPEGmini Lite	Mac	-8,2
jStrip	Win	-16,2
PUNYpng	Web	-28
RIOT	Win	-40

Как уменьшить вес картинки

Существует два способа:

1. Специализированный софт;
2. Онлайн сервисы.

Специализированный софт

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

Paint

Приложение встроено разработчиками в ОС Windows. Поэтому не нужно скачивать дополнительное ПО. Это простой и надежный инструмент. Если вы не занимаетесь профессиональной обработкой графических файлов, хватит возможностей Pain. Чтобы запустить программу, нажмите «Win+R», пропишите команду:
Рассмотрим его работу на примере фотографии размера 1,3 мегабайт.
Уменьшаем ширину и высоту Перейдите:
Уменьшите ширину и высоту. Посмотрите, как будет выглядеть изображение. В моем примере это:
Сохраните его.
Удаление лишних деталей Часто на фото есть ненужные (неинформативные элементы). Особенно по краям. Удалите их. Перейдите:
Выделите часть фото, которая останется. Все что за рамкой удалится.
Далее:
Сохраните готовый результат. Размер файла был 1,3 мегабайт. Стал 198,9 килобайт. При этом качество не изменилось.
Программа сохраняет изображение сжимая его в качестве на десять-двадцать процентов. Это незаметно для человеческого глаза.

FastStone Image Viewer

Вы задумывались, как уменьшить вес фото без изменения размера. Поможет FastStone. Программа бесплатна. Скачайте ее по адресу: https://www.faststone.org/FSIVDownload.htm. Откройте фото, выберите:
Перейдите:
Откроется окно, где посмотрите размер файла. Передвигая ползунок в пункте «Качество», не меняя размера установите значение не менее 60. Это зависит от фото. Посмотрите на скриншоте. Вес уменьшился с 1,3 мегабайта до 751 килобайт.
Меняем размер Перейдите:
Укажите ширину и высоту в пикселях.
Например, при установке значений 800Х500 получилось уменьшить вес картинки без потери качества до 152 килобайт.

IrfanView

Загрузите программу по адресу: https://www.irfanview.com/. После установки откройте файл в приложении, выберите:
Укажите степень сжатия. Рекомендую устанавливать не меньше 60. Остальные настройки не трогайте. Сохраните файл. Фото без изменения размера стало весить 553 килобайт.
Изменяем разрешение Перейдите:
Измените значения:
При установке 800Х500 размер без потери качества стал 52,8 килобайт

Как уменьшить вес картинки без потери качества в Фотошопе

Это программа для профессиональной работы с изображением. В нем качество сжатия будет наилучшее. Откройте файл фото в программе. Перейдите:
Переместите влево ползунок в пункте «Качество». Посмотрите, чтобы на изображении не было видимых отличий. Измените ширину и высоту фото в пикселях.
Изменив разрешение до 800Х500 вес картинки стал 66,12 без потери качества.

Уменьшаем вес картинки без потери качества онлайн

Не хотите устанавливать на ПК дополнительное ПО. Воспользуйтесь онлайн сервисами. Их преимущество: получение максимального сжатия без ухудшения качества, простота в использовании. Для работы нужен доступ в интернет. Рассмотрим лучшие площадки.

Как это работает

Все онлайн сервисы функционируют по принципу:

1. Загрузка изображений на площадку при помощи формы;
2. Установка нужных параметров.

Рассмотрим лучшие из них.

Optimizilla

Доступен по адресу: https://imagecompressor.com/ru/. Загрузите фото или перетащите его мышкой на форму:
Через 1-2 секунды произойдет его сжатие. В меню справа отрегулируйте качество перемещением ползунка. Сравните изображения.

Compressjpeg

Доступен по адресу: https://compressjpeg.com/ru/. Работает аналогично рассмотренному выше. Особенность — поддержка мультизагрузки. Добавьте для обработки одновременно двадцать файлов. Нажмите «Настройки», чтобы отрегулировать его вручную.
Готовый результат скачайте в архиве.

TinyJPG

Доступен по адресу: https://tinyjpg.com/. Загрузите файл на сервис. Работает с PNG форматом. После обработки нажмите «Download».

Уменьшаем вес фотографии или картинки в Picture Manager

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

Заходим в программу. Путь к программе Microsoft Office Picture Manager: «пуск» — «все программы» — «средства microsoft office» — «диспетчер рисунков microsoft office». Или еще проще — щелкните по нужному изображению, затем нажмите правой клавишей мыши на нем и выберите «открыть с помощью». Будет предложено несколько программ, среди которых будет и Picture Manager.

Открываем изображение в программе:

В верхнем левом углу нажимаем вкладку «файл» — «добавить ярлык рисунка».

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

Как уменьшить вес одной фотографии

Выделяем нужную фотографию щелчком мыши.

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

Выбрав нужный параметр сжатия, нажимаем «ok».

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

Если вам не нужен оригинал, то после того, как вы выбрали параметр сжатия и нажали «ok», в верхней панели инструментов идем в «файл» — «сохранить» (без КАК)  — уменьшенное изображение сохранится поверх оригинала, и на жестком диске компьютера останется только одна фотография.

Как уменьшить вес нескольких фото

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

Как сжать фотографию еще быстрее

Если программа Microsoft Office Picture Manager есть на вашем компьютере, то при открытии любой фотографии в проводнике предлагается несколько программ на выбор. Я просто щелкаю правой мышкой по фото, которую собираюсь уменьшить. Появляется окно: Выбираю «открыть с помощью» — Microsoft Office Picture Manager — фото сразу открывается в программе. Перехожу во вкладку «рисунок» — «сжать рисунки» — выбираю для «веб-страниц» — «ok». Затем «сохранить» или «сохранить как». Занимает очень мало времени. Всё, вес изображения сжат в несколько раз!

Как изменить размер картинок при помощи Microsoft Office

Изменение фотографии, вставленной в документ Microsoft Office Word

В Microsoft Word возможно не только изменять размер, но и сжимать изображения.

Уменьшение размера изображений в Word

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

Если при этом вы хотите сохранить центр, зажмите клавишу «Ctrl». Размер изменится с сохранением пропорций, положение картинки в тексте останется прежним.

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

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

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

Сжатие изображений в Word

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

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

Как уменьшить размер файла JPG через расширение Picture Manager

Данный редактор изображений поставлялся в комплекте с Micrsoft Office 2007 – 2010 и Microsoft SharePoint Designer 2010. Если вы используете другую версию офиса или расширение не установлено, вы можете скачать и установить программу бесплатно с официального сайта Microsoft.

После установки программы, выберите фотографию которую хотите изменить, для этого нажмите на неё правой кнопкой мыши. Далее нажимаем на пункт «Открыть с помощью», и выбираем программу Microsoft Office 2010.

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

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

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

В настройках выберите подходящую степень сжатия и нажмите «ОК».

Способ №2. Изменение размера в Фотошопе

Размер фото файла можно также уменьшить в профессиональной программе для редактирования растровых изображений – Photoshop. Следуйте инструкции:

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

Вкладка Изображение в программе Фотошоп

Измените параметры размерности изображения (ширину и высоту), также убедитесь, что стоит галочка возле чекбокса Соблюдение пропорций фото;

Изменение размера изображения

Попробуйте уменьшить фото на 10-15 процентов. Таким образом уменьшиться и его конечный вес.

Как уменьшить размер файла jpg сразу много

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

Дальнейшие действия:

1. В меню Additional tasks выбираем Resize (изменение размера). Выставляем желаемую ширину фото, ставим галочку для пропорционального уменьшения размеров изображения.
2. Выбираем папку с исходными фото (смотри рисунок)
3. Указываем папку для сжатых изображений
4. Нажимаем кнопку Start и ждем окончания обработки.

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

В этой статье я описал только один из множества возможных способов уменьшения размера фотографии. Хотите узнать другие варианты посмотрите статью «Как уменьшить размер фото»

Riot — программа для уменьшения размера графических файлов

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

Программа по обработке фотографий RIOT простая в использовании, но достаточно мощная и для продвинутых пользователей. В ней легко  контролировать сжатие, количество цветов, формат изображения (JPEG, GIF или PNG) для выходного файла. RIOT может быть интегрирован как плагин в известные программы, такие как GIMP, IrfanView и XnView.

Программа по обработке фотографий Riot

Основные возможности:

• позволяет уменьшить вес фото;
• открывает многие типы изображений, включая редкие, а так же  файлы Adobe Photoshop PSD;
• сохранение и оптимизация JPEG, GIF и PNG в простом, удобном пользовательском интерфейсе;
•  работа в двойном окне: (оригинал — оптимизированное изображение) или одного вида (оптимизированное изображение).
• автоматический предварительный просмотр результирующего изображения
• на месте сравнить функции (alternativelly отображения исходного изображения более оптимизированное изображение, чтобы заметить небольшие изменения пикселей)
•  сжатие файла до нужного размера;
•  быстрая обработка;
• пакетная обработка (обработка нескольких файлов одновременно)
• варианты обработки прозрачности
• возможность сохранить метаданные (комментарии, IPTC, XMP Adobe, EXIF профили, профили ICC).Неподдерживаемые метаданные удаляются;
• передача метаданных между форматами изображений (формат назначения должен поддерживать их);
• общие инструменты: панорамирование и масштабирование, поворот, зеркальное отражение;
• основные настройки изображения: яркость, контрастность, гамма, инверсия;
• визуальное уменьшение  количества уникальных цветов PNG и GIF изображения, чтобы уменьшить размер файла;
•  изменение размера изображения с помощью известных  фильтров (например: Lanczos3, Catmull Rom, Bicubic и др.)
• сжатие и результаты сопоставимы с коммерческими продуктами, даже выше.

Скачать данную программу можно с официального сайта http://luci.criosweb.ro/riot/

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

Сжать фото можно при помощи сторонних приложений. Рассмотрим несколько популярных программ.

Adobe Photoshop

Чтобы сжать фото, нужно открыть его в окне программы…

В верхней меню выбрать Image (Изображение) -> Image Size (Размер изображения).

В следующем окне отобразятся текущие размеры картинки:

Чтобы сжать фото, необходимо в поле width выставить нужный размер в пикселях, поставить галочку «Соблюдались пропорции» (Constraip Proportions) и сохранить изменения.

FastStone Image Viewer

Сжать фото можно через программу для просмотра фотографий FastStone Image Viewer. Русифицированное приложение работает быстро. Оно принимает изображения со сканера и в пакетном режиме обрабатывает фотографии: переименовывает, преобразует файлы, удаляет мета данные, изменят размер. Чтобы уменьшить фото, необходимо в меню «Правка» выбрать команду «Изменить размер».

ACDSee

При запуске ACDSee все снимки будут представлены в виде каталога:

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

XnView

Размеры изображения в пикселях отображаются внизу окна XnView.

Чтобы сжать фото, необходимо выбрать пункт «Изображение» (Изменение размера). Или нажать комбинацию Ctrl+S.

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

Если не стоит галочка «Сохранять пропорции», то произвольное выставление значений приведет к тому, что снимок станет вытянутым.

Менее распространенные способы уменьшения «веса» картинок

Если вы пользуетесь Adobe Photoshop для подготовки изображений, следите за разрешением и убедитесь, что значение DPI установлено на 72 точки на дюйм (Изображение > Размер изображения). При сохранении не забудьте выбрать пункт «Сохранить для Web и устройств», чтобы проконтролировать конечный размер выводимого файла.

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

Конкретный пример: На фирменном сайте одного из эксклюзивных обувных брендов используется много больших по весу баннеров и фотографий изделий. Как следствие, это привело к снижению оценки скорости загрузки до 20 баллов из 100 согласно сервису Google PageSpeed. После того, как были приняты меры по уменьшению веса картинок, показатель PageSpeed повысился до 58 баллов.

2. Автоматическое масштабирование картинок

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

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

Например, большой баннер-картинка, размещенный на одной из страниц, также может быть использован в качестве миниатюры в другом месте на сайте. Разработчик, вместо того чтобы сделать несколько версий изображения (например, 1000×425 пикселей для баннера и 64×64 для сайдбара), использует код для автоматического масштабирования того же полно размерного баннера для отображения в виде небольшого эскиза.

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

Не говоря уже о том, что при масштабировании картинки могут искажаться. Так, если картинка масштабируется с 1000×425 до 64×64 пикселей, она, конечно же, будет выглядеть сплюснуто.

Обращайте внимание, когда одно и то же изображение используется на сайте несколько раз. Если вам нужно 12 вариантов размеров одной картинки для различных разделов на сайте (что-то вроде 25×25, 45×45, 250×250, 670×670, 50×50, 64×64, 90×90, 150×160, 110×110, 175×175 и 185×185), то вы, вероятно, можете захотеть сэкономить время на масштабировании, ограничившись всего несколькими размерами

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

Сравнение веса картинки при разных размерах