Що таке WebP та як ним користуватися на касеті WordPress Studio
В середньому зображення мають половину ваги сторінки веб-сайту. До цього часу розробники та власники сайтів могли стискати зображення та оптимізувати їх, щоб зменшити їх розмір. І таким чином підвищити ефективність сторінок їх веб-сайту. Але завдяки формату WebP тепер вони можуть використовувати більш насичені, менші та ефективніші зображення. !
Що таке формат WebP ?
WebP - це формат зображень, який досі мало використовується і поширений в Мережі. Він був створений командами Google і має на меті замінити старі формати зображень, які ми знаємо як: GIF, PNG, JPEG ... Усі вони підтримують анімацію, прозорість та стиснення. WebP прагне бути більш ефективним і має на меті зберегти якість зображень при одночасному зменшенні їх ваги.
Цей формат зображення вперше був представлений Google у 2010 році як новий стандарт. За словами його творців, він може замінити формат JPEG, маючи менший розмір та порівнянну якість. Згодом Google оголосив про підтримку прозорих і прозорих зображень у 2012 році, зробивши перехід від формату зображення WebP найкращою альтернативою формату PNG.
Це стиснення з втратами базується на використанні інтелектуального кодування, яке використовується для стиснення зображень у відеороликах VP8. Однак тут ми не помічаємо різниці між зображеннями у форматі JPEG та зображеннями у форматі WebP. Якби останні лише значно менші! Ми повернемось до цифр.
Підтримка WebP у браузерах
Тому WebP існує вже дев’ять років. То чому він досі так мало використовується? Чому PNG та JPEG досі є найпоширенішими форматами, незважаючи на переваги WebP? Як і багато інших технологій, WebP намагається знайти ноги, і не всі браузери підтримують цей формат зображення. Таким чином, WebP враховується в Google Chrome, Opera Mini, Opera, Chrome для Android та браузері Android. Інші основні браузери, такі як Safari, Mozilla та Edge, оголосили про підтримку формату, але поки що доступ до них відсутні. Apple віддала перевагу вибору HEIF на шкоду WebP. Що стосується інших, їм незабаром слід інтегрувати WebP до своїх сумісностей.
Вам все-таки потрібно використовувати формат WebP ?
Той факт, що деякі веб-переглядачі ще не пропонують сумісність з WebP, не означає, що ви не повинні використовувати цей формат зображень для свого веб-сайту! Завдяки конкретним рішенням цілком можливо пропонувати файли WebP користувачам Інтернету, які використовують сумісні веб-браузери, продовжуючи надавати зображення JPEG та PNG користувачам інших браузерів, зокрема Safari.
Вибір індивідуального рішення дозволяє уникнути пропонування зображень лише одній частині користувачів Інтернету. Усі відвідувачі зможуть отримати доступ до ваших зображень, незалежно від їх браузера. А ті, хто використовує сумісні браузери, просто зможуть насолоджуватися швидшим та ефективнішим досвідом, ніж інші. Вам не потрібно втрачати відвідувачів, щоб використовувати цей формат, однак вибираючи відповідне рішення.
Що робити перед використанням формату WebP ?
Перед початком роботи слід пам’ятати, що Google Chrome є найпоширенішим і найпоширенішим браузером у світі. Дійсно, загалом 64% користувачів Інтернету використовують його щодня для проведення досліджень та перегляду веб-сторінок. Тому важливо не відмовлятися від формату WebP під приводом того, що інші користувачі Інтернету не мають до нього доступу. Безперечно, більшість відвідувачів вашого сайту зможуть скористатися перевагами формату WebP. !
З іншого боку, ви також можете використовувати Google Analytics, щоб знати браузери, якими користуються відвідувачі вашого сайту. А отже, дізнатися, чи дійсно цікаво використовувати цей формат зображень з альтернативним рішенням дисплеїв для ваших відвідувачів. Якщо всі користувачі та відвідувачі вашого веб-сайту використовують Google Chrome або браузер, сумісний з форматом WebP, тоді може не знадобитися пропонувати альтернативне рішення. Якщо ви вибрали це рішення, регулярно перевіряйте Google Analytics, щоб не втратити відвідувачів. То що говорить Google Analytics ?
Як користуватися WebP у WordPress ?
Ще однією великою перешкодою для використання WebP є те, що він не підтримується WordPress, який досі є найбільш широко використовуваною CMS у світі. Останній підтримує найпоширеніші формати зображень, такі як PNG, JEPG, ICO та GIF. Однак він ще не інтегрував формат WebP. Отже, якщо ви спробуєте завантажити зображення WebP до вашої медіатеки WordPress, система управління вмістом відобразить повідомлення про помилку. На щастя, рішення вже доступні для користувачів WordPress, які хочуть використовувати формат WebP для оптимізації роботи свого сайту.
Використовуйте безкоштовний плагін
Таким чином, є рішення для вирішення цієї проблеми: плагін. Існують безкоштовні плагіни, такі як плагін WebP Express, який дозволяє використовувати зображення у форматі WebP в Інтернет-браузерах, які їх підтримують. І це, продовжуючи пропонувати зображення в стандартних форматах в інших браузерах (наприклад, Safari). Ця функція сумісна з усіма зображеннями на сайті, включаючи теми, галереї та медіатеку.
Використання прискорювача сайту Jetpack
З іншого боку, функція Jetpack Site Accelerator, яка до цього часу була відома як "Photon", також може перетворювати зображення із звичайних форматів у зображення WebP. Це робиться в Інтернет-браузерах, які підтримують формат WebP. Для інших вони залишаться у класичних форматах: JPEG, PNG тощо.
Використовуйте CDN для автоматичного перетворення
Крім того, користувачі можуть також використовувати свої CDN. Дійсно, ті, хто використовує Cloudflare на платних заводах, можуть отримати доступ до функції "Polish" CDN, яка дозволяє сайту автоматично перетворювати зображення у формат WebP. Як і в інших випадках, польська працює над зображеннями PNG та JPEG та інтегрує їх із версіями WebP у всіх браузерах, які підтримують цей формат.
Використання WP Rocket
Власникам веб-сайтів, які використовують WP Rocket, не потрібно робити нічого конкретного. Дійсно, WebP буде підтримуватися в наступній версії інструменту: WP Rocket 3.3. Те саме стосується плагіна для оптимізації зображень "Imagify", який також повинен інтегрувати формат зображення WebP станом на наступне оновлення.
Порівняння WebP та інших форматів
Веб-команда Google фокусується на продуктивності, щоб запропонувати ефективні рішення для користувачів. З WebP він обіцяє зображення без втрат, але також на 25-34% менше, ніж зображення JPEG, і на 26% менше, ніж зображення PNG.
JPEG проти WebP
У середньому перетворення на WebP зменшує розмір зображення JPEG на 50%. Однак тут варто пам’ятати, що існують також рішення для стиснення зображень JPEG, такі як безкоштовні онлайн-інструменти (OpimiZilla - один із них). Це значно зменшує розмір фотографії. Не змінюючи його якості, і навіть перед перетворенням на WebP. Тож не забудьте переглянути один із цих онлайн-інструментів перед перетворенням ваших зображень.
На деяких зображеннях ви можете помітити незначні відмінності в якості між стисненими форматами JPEG та WebP. Ви самі бачите, які компроміси ви хочете зробити між продуктивністю сайту та якістю зображення. Однак слід зазначити, що якість зображень WebP залишається відмінною навіть після перетворення.
PNG проти WebP
У середньому перетворення зображення PNG у WebP призводить до зменшення розміру на 52%. Тут все залежить головним чином від якості зображення, його розміру та рівня деталізації. Для продуктивності вашого веб-сайту все ще цікаво конвертувати файли у формат WebP. Особливо, якщо значна частина ваших відвідувачів використовує Google Chrome для переходу на ваш сайт.
Що ви повинні пам’ятати
Поступово формат WebP стає все більш демократичним і набуває все більшої підтримки. Він пропонує багато переваг тим, хто вирішить його використовувати, особливо на WordPress. Хоча він може замінити стандартні формати (PNG, JPEG та GIF), але також дозволяє використовувати файли подібного розміру та якості. На сайті, який містить багато зображень, це може суттєво змінити ситуацію.
В даний час лише WebP може отримувати такі маленькі зображення для кращої якості. Дуже ймовірно, що WordPress та Apple врешті-решт інтегрують цей формат зображень у свій каталог. І це для того, щоб запропонувати однаковий рівень продуктивності для всіх користувачів Інтернету, усіх веб-браузерів разом узятих.