вашому

Ми вже коментували в інших статтях важливість зображень у веб-дизайні.

Компанії це добре знають важливість візуального впливу на користувачів у веб-дизайні. На веб-сторінці перше враження дуже важливо. Завдяки величезній пропозиції веб-сторінок, користувач повинен якомога швидше знайти те, що шукає і для цього зображення є основним інструментом.

Але цього недостатньо. Окрім того, що вони привабливі та ефективні для спілкування у веб-дизайні, вони повинні бути оптимізовані, вони повинні бути якісний і повинен бути дуже легким. Про це ми поговоримо в цій статті.

Надмірний розмір і вага зображень яка містить веб-сторінку, є однією з основних причин, через яку завантажується багато часу.

І якщо ви не знали, час завантаження - це один із багатьох факторів, який Google враховує при розміщенні вашого веб-сайту.

Крім того, ця низька швидкість завантаження через великий розмір ваших фотографій в Інтернеті також сильно погіршує досвід користувачів.

Чому ми повинні зменшувати розмір зображень на нашому веб-сайті?

Зменште або стисніть розмір фотографій іноді є однією з дій, якій ми не надаємо великого значення при розробці нашого веб-сайту ... але це може принести нам багато переваг.

"Оптимізація ваги зображень покращує час завантаження нашого веб-сайту або блог і допомогти покращити ваше позиціонування "

Найбільша і головна вигода, яку ми отримуємо від стиснення розміру фотографії, полягає в тому ми збільшили швидкість завантаження з нашого веб-сайту.

Наявність веб-сайту з низьким часом завантаження покращує взаємодію з користувачем та допомагає нам зменшити показник відмов сторінки.

Чим довше потрібно завантаження веб-сторінки, тим більше у вас шансів, що читач закриє ваш веб-сайт і відправиться на пошук іншої.

Зручно перевірити, як працює ваш веб-сайт, зробити a тест швидкості на ваш веб-сайт. Рекомендую скористатися засобом PageSpeed ​​Insights Google.

Однією з рекомендацій, яку дають усі тести швидкості, є оптимізація зображень за рахунок зменшення їх розміру.

Інша перевага, яку ми отримуємо від зменшення ваги фотографій в Інтернеті, полягає в тому, що ми також зменшуємо споживання даних. Що може обумовити правильну роботу нашого хостингу.

В кінці статті я покажу вам список безкоштовних онлайн-редакторів фотографій або інструментів так ви зможете зменшити вагу своїх фотографій, перш ніж завантажувати їх в Інтернет. Але спочатку я хотів би дати вам трохи поради щодо використання зображень.

Як використовувати та оптимізувати зображення для вашого веб-сайту?

1. Розмір зображення

Розмір зображення - це розміри в пікселях фотографії. Якщо для статті вам потрібно зображення розміром 300 × 300 пікселів, не використовуйте більше фотографії, а потім зменште його розмір для тієї самої статті.

Краще завантажте його в Інтернет, вже оптимізований в такому ідеальному розмірі. Оскільки більша кількість пікселів призводить до важчих файлів, і саме цього ми хочемо уникати.

2. Формат зображення

Найважливішими форматами веб-дизайну є 2: jpeg та png.

Як використовувати кожен формат стиснення зображень дуже просто.

Ми збережемо складні фотографії з безліччю кольорів та градієнтів із розширенням jpg. Оскільки його алгоритм дає кращі результати стиснення зображення.

Для плоских або прозорих зображень, наприклад, векторні малюнки, логотипи чи фотографії з великими плямами кольорових ділянок, розширення PNG. Раніше цей тип зображень зберігався з розширенням gif, але він втрачав позиції на користь розширення png.

3. Назва файлу

Так, ім’я теж важливо. Допоможіть позиціонуйте себе в пошуковій системі зображень Google. Не однаково мати фотографію з назвою ciudad-1354.jpg, як barcelona-noche.jpg. Поглянувши на ім’я, один говорить вам більше, ніж інший.

Ну це все добре, але Як отримати зображення, оптимізовані на моїй веб-сторінці?

Безкоштовні онлайн-редактори фотографій для оптимізації ваги, зменшення розміру або стиснення фотографій без втрати якості

1) Smush.it

Якщо ви не хочете ускладнювати, це найпростіший варіант, якщо ви використовуєте WordPress. Це плагін, який встановлюється в диспетчері вмісту, і він діє автоматично кожного разу, коли ви завантажуєте зображення, зменшуючи його розмір.

два) Компресор.io

Ця програма для зменшення зображень вашої веб-сторінки дозволяє зробити це до 90% від початкової ваги.

Він дуже простий у використанні і дозволяє завантажувати до 10 Мб фотографій та вибирати тип стиснення. Ви можете зменшити розмір фотографії без втрати якості зображення (нижча компресія) або з втратою (більша компресія).

3) Крихітний PNG

Це програма для зменшення розміру онлайн-зображень, що дозволяє завантажувати до 20 зображень одночасно з максимум 5 Мб кожного. Це хороший варіант, якщо ви керуєте великою галереєю зображень.

4) Веб-Resizer

Хороша річ цього онлайн-інструменту для оптимізації зображень, які ми використовуємо на наших веб-сайтах або в електронних листах, полягає в тому, що він також дозволяє виконувати інший ряд операцій, таких як зміна, обрізання, зменшення, обертання розміру

5) Оптимізатор зображень

Вам просто потрібно завантажити фотографію, вказати остаточний розмір зображення, а він зробить все інше. Вам не доведеться турбуватися ні про що інше, щоб зменшити або стиснути розмір зображень, які ви використовуєте на своєму веб-сайті, не втрачаючи якості.

6) Optimizilla

Це дуже простий інструмент для стиснення розміру зображень. Вам просто потрібно завантажити фотографії, які ви хочете стиснути, максимум до 20 одночасно. А на деяких мініатюрах він показує відсоток зменшення розміру файлу, якого він досяг.

Як на рахунок? Легко зменшити вагу зображень на вашому веб-сайті?

Останнє, завжди пам’ятайте перевірити ліцензії на зображення, які ви використовуєте у своїх статтях. Навіть якщо ви використовуєте зображення з Ліцензії Creative Commons, завжди цитувати джерело.

Стискайте розмір та зменшуйте фотографії до їх правильного розміру - це практика, яку ми повинні робити щоразу, коли завантажуємо фотографію в Інтернет.

Зі списком безкоштовних онлайн-редакторів фотографій (або інструментів для стиснення фотографій в Інтернеті), які ви маєте в цій публікації, вам не знадобиться дві хвилини, щоб залишити ідеальний розмір для кожного зображення, яке ви завантажуєте на свій веб-сайт, не втрачаючи якості.