Розробка сайтів Тернопіль: зображення на веб-сайті
Оптимізація зображень як одне з найголовніших засобів поліпшенні швидкості на сайті
Якщо сісти і подумати про те, як поліпшити швидкість завантаження сторінок, можна зробити багато дій. Наприклад, змінити сервер (на більш потужний), налаштувати стиснення, об’єднати декілька файлів, але найбільш результативним буде рішення стиснути зображення.
Можна стиснути код файлів. Якщо зробити це, це може зменшити обсяг інформації, що завантажується від декількох до сотні кілобайт. А ось оптимізація одного фото може зменшити обсяг на стільки ж. Ви можете виконати весь перелік рекомендацій по оптимізації, але якщо не стискати графіку, то все це принесе лише небагато користі. Після оптимізації зображення розробка сайтів Тернопіль на веб-сервері чи у дата центрі буде оброблятись швидше і краще індексуватись пошуковими системами. Додатковою перевагою стане швидка загрузка фото на сайті у браузері, який підвантажує графічне зображення з кешу.
Способи стиснення
Отже, я думаю ви усвідомили важливість роботи з зображеннями. Таким чином, ми можемо зменшити швидкість завантаження. А це один з факторів при формуванні пошукової видачі. Раніше це було не так актуально, але сьогодні, в епоху шаленою конкуренцією, або робиш добре, або не робиш. Я не знаю, наскільки важлива швидкість для пошукової оптимізації, але це абсолютно точно не останній чинник.
Це важливо і для користувачів. Потрібно розуміти, що сьогодні все ще далеко не всі мають доступ до високошвидкісного з’єднання, а якщо сторінка буде завантажуватися більше 3-5 секунд, це почне дратувати людини. Ми – істоти нетерплячі, нам треба ось зараз вже, тому швидкість – це не тільки вимога пошукових роботів.
Все, закінчую з теорією, переходимо до того, як ваші зображення зменшити в розмірах.
Зменшіть розміри під оптимальні. Ні в якому разі не завантажуйте великі зображення 1000х700, якщо ширина блока виведення – 500 пікселів. Зображенню доведеться зменшитися автоматично, але воно буде завантажуватися в своєму повному розмірі.
Гарний спосіб – використання онлайн-сервісів. Сьогодні в мережі є кілька дуже класних сервісів стиснення зображень.
Використовуйте PhotoShop. У програмі фотошоп є чудова функція – Зберегти для веб, яка створена спеціально щоб генерувати легкі якісні зображення з мінімальним розміром і вставляти їх надалі на сайт.
Не перестарайтеся
Хоча оптимізація розміру файлів важлива, не потрібно заходити надто далеко. Справа в тому, що можна зменшити розмір і в 10-20 разів, але якої якості буде зображення? Ви побачите, що воно просто жахливо. Дотримуйтеся золотої середини і якщо ви бачите, що зображення значно погіршив свій зовнішній вигляд, краще стиснути його менше, зате люди зможуть його розглянути як слід.
Ах да, я забув згадати, що при використанні онлайн-сервісу все-таки є одна незаперечна перевага – можна завантажити відразу з десяток файлів і стиснути їх, це вийде набагато швидше, ніж в фотошопі.
Об’єднання дрібних іконок в спрайт
Що ви ще можете зробити в плані оптимізації під час розробка сайтів Тернопіль, так це з’єднати дрібні іконки в спрайт. Справа в тому, що будь-яка, навіть найменша картиночка – це додатковий запит на сервер. І чим більше таких запитів, тим повільніше завантаження. В такому випадку краще об’єднати 10-15 маленьких зображень в одне, стиснути його і отримувати на 70-80% більш швидке завантаження, а також всього 1 запит на сервер, замість десятка.
Ірина Завітовська, php-клуб Тернопіль
Опубликовано в рубрике: Новости.
