Как да изрязваме, намаляваме и компресираме снимки онлайн, оптимизираме изображенията на вашия уебсайт - Ние сме

Ако работим по дизайн на уеб страница, изображенията са основен елемент. Те ни помагат да илюстрираме съдържанието, да го допълваме и дори насочете потребителя към постигането на целта маркирани.

Ето защо, една от основните задачи преди стартиране на вашия уеб сайт е да имате добре оптимизирани вашите изображения.

Какво е лошо оптимизирано изображение?

За да се обясни концепцията за оптимизация на изображението за уеб, Мисля, че е по-лесно да се обясни, когато снимката е лошо оптимизирана:

  • Кога имаме много по-голяма картина (по ширина или височина) от мястото, където ще се вижда.
  • Когато изображението се показва деформиран в мрежата.
  • Когато файлът съдържа много повече информация, отколкото е необходимо (Знаете ли, че снимките включват скрита информация като камерата или мястото, където са направени?).
  • Кога ние използваме формат, който не е подходящ (погледнете тази публикация за JPG и PNG).

Ако качите снимките директно от камерата в мрежата или ги качите, без да мислите как са генерирани, това е така много е вероятно изображенията на вашата страница да отговарят на едно или повече от тези характеристики.

И трябва да го отстраните спешно.

Защо е важно да оптимизирате снимките на вашия уебсайт?

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

Тегло/размер ...

Лошо оптимизираното изображение винаги ще има прекомерно тегло и/или размер за своята функция. И това засяга две области:

  1. Сървърът където хоствате в мрежата, ще ви е необходимо повече място за хостване на вашите ненужно големи снимки.
  2. Навигаторът при които бъдещите ви клиенти ви посещават, ще трябва да работят повече, за да покажат снимките в правилния размер.

Скорост на зареждане:

От предишната точка следва, че, ако всички работят повече, вашата уеб страница ще се зарежда по-бавно. И времето за зареждане е от съществено значение: ако искате Google и вашите потребители да ви обичат, вашият уебсайт трябва да се зареди възможно най-бързо.

Потребителски опит:

Знаете ли, че уебсайт, който отнема повече от 3 секунди, се губи 53% от посещенията си? Мисля, че това е най-важната причина да оптимизирате изображенията на вашия уебсайт: не плашете клиентите си.

В моя опит в уеб разработката съм виждал случаи, при които е постигнато оптимизиране на снимки намалете теглото на изображенията с 60% (намаляване на част от техния размер с 96%) и подобряване на времето за зареждане от мобилни телефони със 70% точно с тази промяна.

снимки
Уеб пример преди и след оптимизиране на изображения