Оптимізація зображень для Інтернету Як це працює; s
Якщо ви хочете опинитися у верхній частині списку звернень Google, вам слід врахувати кілька речей при оптимізації вашого веб-сайту. Час завантаження веб-сайту також є одним із факторів ранжування. Ви можете дізнатися, як їх покращити, оптимізувавши свої зображення для Інтернету в цій статті.
Існує понад 200 факторів ранжування, які визначають позицію, на якій веб-сайт відображається у веб-пошуку Google. Унікальний вміст, рейтинг кліків та зворотні посилання, безумовно, є одними з основних критеріїв. Але такі технічні аспекти, як час завантаження веб-сайту, також відіграють роль, яку не слід недооцінювати. Якщо ви дослідите поточні тенденції SEO у 2017 році, ви знайдете те, що шукаєте: Google хоче надавати більше значення часу завантаження в майбутньому і гірше оцінювати повільні сторінки. Гарний час, щоб підготувати веб-сайт до наступного року.
Діставайтесь швидше: чому вам слід зменшувати фотографії та фотографії в Інтернеті
Тож настав час уважно поглянути на ефективність власного сайту та оптимізувати його. Але з чого ви починаєте? Зрештою, багато факторів можуть впливати на час завантаження. Має сенс спочатку знайти серйозних свиней продуктивності. Це може включати зображення на веб-сайті. Неоптимізовані зображення в основному великі і спричиняють тривалий час завантаження. Це дратує не тільки сканерів Google, але й кожного користувача смартфона, який хоче швидко отримати доступ до вашого вмісту. Далі ми представляємо три способи, якими ви можете зробити свої графічні файли більш впорядкованими для Інтернету.
Оптимізуйте зображення для Інтернету: протестуйте швидкість веб-сайту
Перш за все, слід визначити, чи потрібна вашим фотографіям дієта для схуднення. Файли зберігаються у спортивному стилі чи у вас на стегнах на кілька кілобайт забагато? Звичайно, щоб дізнатись, вам не потрібно рахувати секунди, поки ваш веб-сайт не закінчиться завантаження - для цього є онлайн-інструменти. Наприклад, рекомендується GTmetrix. Безкоштовний інструмент визначає ефективність окремих URL-адрес та дає чудові поради щодо підвищення ефективності. Тож також порада щодо оптимізації зображень для Інтернету:
Знімок екрана через gtmetrix.com
Бінго: У наведеному вище прикладі програма аналізу визначила, що ще потрібно наздогнати щось, що стосується розмірів зображень для Інтернету. Показник "Оптимізувати зображення" навіть надає інструменту високий пріоритет. GTmetrix показує оптимальний розмір зображення для Інтернету та вказує, наскільки зображення можна стиснути. І це не зовсім мало: у цьому прикладі можливе зменшення від 20 до 45 відсотків.
Програма надає оптимізовані версії файлів пухких кандидатів. Звичайно, це чудово, але не постійне рішення. То як можна обчислювати зображення з самого початку в майбутньому?
Правильне стиснення зображень для Інтернету
Чим більше файл зображення, тим довше потрібно його завантаження. Для того, щоб зменшити час завантаження веб-сайту, потрібно стискати зображення сильніше, але з якомога кращою якістю зображення. Звичайний максимальний розмір зображення - від 150 до 200 кілобайт. Все вище занадто велике! Фони, які лежать рівно поза вмістом веб-сайту або довгою прокручуваною графікою, є винятком. Завдяки цим дещо більші файли є допустимими, щоб забезпечити найкращу якість зображення. Все інше має бути якомога тоншим і маленьким. Рішення: за допомогою правильної технології стиснення ви можете дозволити впасти кілобайтам і отримати найкращі результати з кожного файлу зображення. Таким чином, зображення можна оптимізувати для Інтернету і часто навіть значно нижче позначки 150 кілобайт.
№1 Дієта на робочому столі: Adobe Photoshop
Adobe Photoshop пропонує не тільки чудові можливості редагування зображень. Програмне забезпечення також дозволяє оптимізувати зображення для Інтернету. Перевага: Відразу після обробки зображення можна зберегти як можна стисненішими. Потім Photoshop видає тонкі файли, які потрібно лише завантажити у веб-простір. Функція, відповідальна за це, називається «Збереження зображень в Інтернеті». Це може бути використано для стиснення всіх типів зображень для веб-сайту:
Знімок екрана через Adobe Photoshop
Поки файли не є графікою, анімованими файлами чи зображеннями з прозорістю, JPEG завжди слід використовувати як формат файлу. Тут ви можете за допомогою повзунка якості встановити оптимальне співвідношення між розміром файлу та якістю зображення. Висока якість зі значенням від 50 до 60 є хорошим і загальним рішенням.
# 2 Стиснення зображень: Ви також можете зробити це в Інтернеті
Якщо ви не хочете собі дозволити Photoshop, звичайно, ви можете перейти на інші інструменти. Існує велика кількість безкоштовних онлайн-інструментів в Інтернеті, які можна використовувати для оптимізації зображень для Інтернету. Приклад: Optimizilla. Програма, що базується на браузері, використовує власні алгоритми стиснення і навіть дозволяє одночасно зменшувати кілька зображень для Інтернету.
Знімок екрана через optimizilla.com
Як і в Photoshop, інструмент забезпечує ідеальний баланс між якістю зображення та розміром файлу. Попередній перегляд також доступний у настільній версії веб-сайту. Тут оригінальний файл можна порівняти із стиснутою версією. Бажаний результат: висока компресія з хорошою оптичною якістю зображення.
# 3 Зменшення зображень для Інтернету: зручне рішення
Найпростішим рішенням для оптимізації зображень для Інтернету є встановлення плагіна в системі управління вмістом. Коли завантажуються нові зображення, розширення автоматично стискається до максимально можливого розміру файлу. Хорошим прикладом для WordPress є EWWW Image Optimizer. Плагін оптимізує зображення для Інтернету повністю автоматично.
Знімок екрана через wordpress.org
Великою перевагою плагіна є те, що вам більше не потрібно турбуватися про стиснення ваших зображень. Однак якщо ви створюєте зображення для Інтернету від імені інших, будь-яке з попередніх двох рішень зробить свою справу.
Висновок
Існує безліч інструментів для оптимізації зображень в Інтернеті. Або ви покладаєтесь на повністю автоматичне рішення плагіна, або ви використовуєте програму, як Photoshop, за допомогою якої ви самостійно визначаєте стиснення ваших зображень. Однак тут застосовується те саме, що і для здорового схуднення: якщо ви хочете занадто багато занадто швидко, ви не досягнете хороших результатів. З ручним стисненням ви завжди повинні бути обережними та знаходити здоровий баланс між силою стиснення та якістю зображення.
(3 голосів, середнє: 4.67 з 5)