Оптимизация изображений — это процесс сжатия и настройки параметров отображения изображения для оптимального использования в Интернете.
Когда вы размещаете изображения в интернете, вам нужно подумать о размере файла. Цель — это размер файла, который достаточно мал, чтобы обеспечить разумное время загрузки, но который сохраняет цвета и детали. В интернете используются три основных графических формата файлов: GIF, JPEG и PNG.
Вы можете оптимизировать изображения в этих форматах, используя плагины или сторонние сервисы в интернете. Но я предпочитаю оптимизировать изображения в Photoshop, так можно максимально контролировать и качество, и размер.
Как оптимизировать изображение с помощью photoshop
1. Зайдите в Photoshop и откройте свое изображение
Перейдите в меню Файл > Открыть и перенесите изображение в рабочую область.
2. Сохраните свое изображение для web и устройств
Перейдите в меню Файл > Сохранить для web и устройств (Alt / Option+Shift+Ctrl/Command+S).
Откроется диалоговое окно, в котором можно регулировать большое количество параметров.
- можно выбрать формат изображения
- выбор качества изображения с помощью выпадающего списка либо ползунка справа
- выбор размытия для снижения искажений
- цвета для прозрачных пикселов
- качества (обычно выбирают бикубическое)
- очень важный параметр – размер изображения. Именно он больше всего влияет на конечный вес картинки.
Можно менять как ширину, так и высоту.
Нажмите значок справа, чтобы не сохранять исходные пропорции.
- можно сравнить ваше фото до и после
Совет: выберите вкладку 4-Up в окне Save for Web & Devices, чтобы просмотреть изображение, а также увидеть разницу в размере файла и сравнении качества. Не бойтесь играть с настройками, чтобы найти качество и оптимизацию, соответствующие вашим потребностям в загрузке.
Чтобы просмотреть изображение в реальном размере, нажмите на кнопку предварительного просмотра, чтобы увидеть его в веб-браузере.
Если вы довольны своим изображением и его размером, нажмите кнопку Сохранить.
Вместе с этим можно также использовать плагины WordPress для оптимизации изображений на вашем сайте.