↓ Перейти к основному содержимому
  1. Статьи/

Оптимизировать изображения, скорость и пространство

·
Rubén Infante Docio
Автор
Rubén Infante Docio
Инженер-программист
Оглавление

Введение
#

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

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

  1. Меньший размер файла ускорит загрузку сайта.
  2. Google учитывает скорость загрузки нашего сайта, чтобы позиционировать нас, поэтому это лучше для SEO.
  3. Если мы позволим пользователям загружать изображения на наш сайт/API, мы сможем сэкономить трафик как при загрузке, так и при каждой загрузке/просмотре.
  4. В качестве дополнительного преимущества мы сэкономим место для хранения.

Сравнение
#

Без лишних слов я оставляю вам сравнение различных сервисов и приложений самых распространённых форматов, то есть JPG и PNG.

Таблица JPG

JPG Оптимизировать изображения
JPG Graph

JPG График Оптимизация изображений
таблице PNG

Таблица PNG
граф PNG

PNG Graph Оптимизация изображений
PNG Graph

Заключение
#

Для jpg лучшим сервисом/приложением являетсяcompressjpeg Для PNG лучший вариант —Optipng.

Тесты были проведены для достижения похожего качества изображения. Вы, заядлый читатель, заметите, что экономия значительна, но не 92%. Чтобы добиться этого, вы скоро сможете прочитать статью «Вебп, это великое неизвестное»

Плагины для оптимизации изображений
#

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

WordPress
#

  • Ewww оптимизатор
    • Бесплатный, многоформатный и поддерживает пакетную обработку.
  • TinyPNG
    • Инструмент, который очень прост в использовании

C#.
#

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

Если вы хотите сделать что-то хорошее для других, вот способ использовать вашу страницу 404, чтобы найти пропавших.

Related