Планета

Наша планета собирает интересные статьи из различных источников и объединяет их в одну ленту. Которую можно читать на нашем сайте.

Подробнее »

Сообщество

Наше сообщество славится своим дружелюбием и стремлением делиться приобретённым опытом с новыми веб-разработчиками и пользователями ОС Linux.

Любой желающий может совершенно свободно зарегистрироваться на нашем сайте и принять активное участия в жизни сообщества!

Подробнее »

Donate

Мы с удовольствием и благодарностью примем любое пожертвования.

Подробнее »

Оптимизация картинок для веб

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

В целом для сжатье картинок есть офлайн приложения и скрипты и онлайн сервисы.

Лично я не люблю закачивать куда либо свои картинки, поэтому пользуюсь:

офлайн программами

  • Trimage (Linux only)
  • PNGGauntlet (Windows only)
  • FileOptimizer (Windows only)
  • PNGyu (Windows, macOS)
  • ImageOptim (macOS only)

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

Онлайн сервисы для сжатья картинок:

Скрипты:

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

  • gulp-imagemin

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

Кстати также есть смысл сжать картинку в нужный размер, если например картинка осображается на сайте в размере 150х150, то не нужно загружать картинку 2000х2000 px :-) Сделать этом можно с помощью любого графического редактора типа Gimp, Photoshop и т.д.


У вас включён блокировщик рекламы (Adblocker, Adblocker Plus, uBlock).
Если вы хотите поддержать автора данного поста, пожалуйста выключите его!

Оставьте комментарий!

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


Написать новый комментарий