Что такое современный формат изображений WebP и как его использовать в WordPressОбзор WebP Express

[@nazarov-studio7141]

Толково отлично пасиб за инфу. ОченЬ люблю твой стиль подачи материала. Четко и в кратце .

[@serghiokomolov2339]

С недавних пор тоже стал использовать данный формат изображений, но больше для статических изображений с высоким разрешением, для динамического контента (новости, галереи) лучше использовать распространенные форматы. Для конвертации использую XnConvert. В можно так . Может кому пригодится)

[@serghiokomolov2339]

@Александр Королев звук?

[@wpruse]

Насколько понимаю в формате webp можно и видео загружать, так что перспективный формат. Спасибо за подсказку по конвертеру, гляну

[@SergiuBurduja-y1l]

Спасибо. Побегали с бубном, но результат как и в начале видео))

[@alexrychkoff7603]

В прошлой версии speedpage, оптимизация картинок, давало большое преимущество, все сайты свои вывел в зелёную по твоим видео

[@nickolay777]

Спасибули!!!

[@ЛживыеЧинуши]

Артем Артем. Во первых edge будет новый на основе хрома, то есть webp там будет. Во вторых вышел фаеофокс 65 с поддержкой webp )

[@wpruse]

Ну как будет, так и посмотрим)

[@qwaseres]

Лучший !!! Спасибо за полезное видео

[@wpruse]

Всегда пожалуйста

[@alexwest5057]

С этим форматом заметил неприятную особенность, что PNG становятся блеклыми, цвета тусклыми. Причем пробовал их сжимать без потери качества. Сейчас ищу причину. В остальном конечно круто уменьшает вес. UPD Сжал прогой WebPconv, теперь цвета без потерь. TestSpeed почему-то дает разный результат на одной и той же странице, если перетестировать через некоторое время. С WebP и без у меня тоже выдает примерно тот же результат. Но это не скорость, на сколько я понял, это просто оценка страницы в баллах по разным критериям, которая пляшет, как я выше писал. Сохранил свою страницу на диск. С WebP весит примерно 2.2 М, с обычным форматом 3 М. Я думаю стоит использовать.

[@wpruse]

Все верно, это не скорость , а относительная оценка в попугаях, по сравнению с похожими сайтами)

[@alexwest5057]

Вот хороший сайт для анализа скорости www.webpagetest.org Тут все подробно по каждому файлу. Здесь заметен выигрыш на пару секунд

[@TheYad8]

Ковырялся с многими пдагинами, в том числе с WebP express, но что-то в настройках не так сделал и не срабатывал конвертер, jpeg и png оставались в хроме. P. S. в форумах много "знатоков" отговаривают от WebP, хотя уверен что Google лучше посоветует, чем горе-умельцы староверы Web дизайна)))

[@wpruse]

Интересно, почему отговаривают? Нормальный формат, мне прям понравился А конвертер мог не срабатывать из-за хостинга, например где-то блокировалось

[@Aptem38]

Спасибо

[@-Masters]

вами же описанный ранее плагин EWWW Image Optimizer, уже конвертирует в WebP......😜

[@wpruse]

Когда я про это плагин озвучивал, еще не умел, но вообще сегодня многие плагины такое умеют

[@ОстровПхукет]

@@wpruse В плагине EWWW Image Optimizer сделал настройки WebP, но не работает. Сделали бы обзор этого плагина заново, было бы очень интересно. Не хочется дополнительно втыкать WebP Express

[@cyrilzotov3009]

Тест зачётный. А то руки не доходят самому затестить и задача как-бы была в подвешенном состоянии. Хз кто как, я пока не вебпи. Сафари, кстати, тоже не поддерживает

[@wpruse]

Спасибо. Ну у меня сафари нет, так что проверить негде)

[@rctoys2024]

судя по попугаям то стало ток хуже, гугл сам себе противоречит, возможно будет больше попугаев если изначально без плагинов загонять этот формат, но wp вроде как его не принимает, нужен сторонний плагин для медиа))))

[@wpruse]

ВП можно и научить понимать такой формат)

[@rctoys2024]

@@wpruse научить то можно, но из коробки он этого не может)

[@SergiuBurduja-y1l]

Добрый день. Я в фреймворках для wordpress полный ноль. Когда я пишу о фреймворках, я имею в виду page builder. На курсах нам рассказывают о фремворке unyson. Что вы о нем думаете, какие фреймворки сами используете и какие посоветуете новичкам? Заранее благодарен.

[@wpruse]

Юнисон вроде Элементоры купили, так что смысла нет его использовать. Лучше сразу Элементор использовать и под него виджеты делать Нормальный билдер, на сегодня самый популярный и удобный

[@SergiuBurduja-y1l]

@@wpruse спасибо

[@ДенисМалько-ч6я]

Всё сделал как на видео, но по факту сайт стал загружатся дольше и картинки по одной появляются. Зато PS всё нормально)))

[@wpruse]

Так бывает) Зато попугаев больше стало)

[@ЭнфилдМебель]

Я знаю ты хороший человек. Подскажи пожалуйста по Webp. Вот какое уведомление появилось It seems your server setup does not support headers in .htaccess. You should either fix this (install mod_headers) or deactivate the "Enable direct redirection to existing converted images?" option. Otherwise the Vary:Accept header will not be added and this can result in problems for users behind proxy servers (ie used in larger companies). Что делать с этим?

[@stormy8815]

Подскажите пж - лучше грузить на сайт изначально изображения в jpeg и png, а потом использовать скрипт / плагин для конвертации в webp или же можно изначально грузить изображения в формате webp (сконвертированные предварительно на пк)? И уточните - webp нужно же заменять только jpeg? Или целесообразно и png?

[@wpruse]

Как удобнее, но webp некоторые браузеры не понимают, так что штатные форматы все равно придется использовать

[@Ivanbuhonin]

Насчёт настройки Imagick и GD Extension ничего не сказано. По плагину да. А вот эти штуки, поставить поставил, пишет не поддерживает WEBP.

[@wpruse]

Кто пишет что не поддерживает?

[@Ivanbuhonin]

@@wpruse обновил модули PHP 7 gd поставил, imagick скомпилирован без поддержки WebP. Но в целом за пару дней разобрался. Imagick так и не взлетел.

[@IzxzIzxzI]

Спасибо. Но проблема сама по себе уходит если картинки формата jpg, jpeg, png сами по себе оптимизированные и весят мало. Так что совсем не обязательно переходить на формат WebP. У меня все картинки на сайте jpg и png и такой проблемы нету. По идеи с JPEG 2000, JPEG XR и WebP можно сэкономить немного больше места с меньшей потерей качества но толку если на многих браузерах сейчас нет поддержки, а оптимизированный jpg грузит везде. Возможно, есть смысл для больших изображений или в будущем когда будет больше поддерживаться браузерами. Ждем видео по оптимизации скорости к 100!

[@wpruse]

Это да, если картинки небольшие, то проблем никаких. Но например, фотографам - подобный формат будет очень полезен, так как реально быстрее все будет. Фотки то у них огромные

[@LuxuryGirl_BigWin]

Подскажите пожалуйста какой нибудь хороший плагин для перелинковки

[@wpruse]

Внутренней? Rank Math подобное умеет

[@solmelone]

Внезапно WebP уже работает и на Edge(с версии 18) и на Firefox. Не работает только на safari. А jpeg 2000 наоборот, работает только на сафари.((

[@wpruse]

Ну 18-я уже на хромиум вроде работает, потому и поддерживает

[@denkiril]

Тоже озадачивался этой проблемой, когда делал себе сайт, пробовал разные плагины - не понравились. У них, как правило, лимиты на бесплатное использование, а у меня фоток много. В итоге написал свой плагин: github.com/denkiril/Add-WebP-to-WP Он генерирует webp файлы на основе jpg и png, что уже лежат на сервере. И оптимизирует оригинальный jpg/png. И при загрузке тоже, конечно. И имеет собственную функцию по созданию html для вывода webp - её нужно будет в теме использовать. Короче плагин - не готовый продукт, и скорее всего потребует доработки. Но мож кому пригодится.

[@wpruse]

О! Спасибо, глянем

[@xlrdblue]

Установить - установил, как этим пользоваться не понял

[@ДетиЗвёзд-ш9я]

А вордпресс в товары на вукоммерсе не дает загрузить фотку в webp. как это исправить?

[@wpruse]

И не даст, данный формат не зарегистрирован. Только png, jpeg можно загружать по дефолту. Но можно разрешить дополнительные форматы для загрузки

[@userganov]

Привет, а настройка Cache-Control header кеширует страницу?

[@wpruse]

Привет! Нет вроде, это вроде запись в заголовки идет. Точно не помню, надо плагин опять смотреть

[@userganov]

@@wpruse Плагин нужный и задумка хорошая, но проверил работает он не корректно. В фаерфокс показывает png, jpg хотя он поддерживает webp.

[@autogrape-3256]

я перепробовал уже разные настройки. Все равно сафари не отображает картики

[@wpruse]

И не будет, сафари в принципе этот формат не поддерживает

[@mouratibraguimov7964]

Как функция замены урла картинки сочитается с кэшированием страницы? Если только что заходил человек с хрома создается кеш с webp картинками, а за ним пришел edge и страница кэшируется заново с картинками jpg?

[@wpruse]

Никак не сочетается, я ж про это в видео говорил. Для работы с кешем надо использовать подмену тегов

[@LuxuryGirl_BigWin]

Подскажите плагин для обновления ссылок перешел с http на https. Вообще что нужно сделать после перехода?

[@wpruse]

Редиректы настроить и изменить ссылки в базе. Ну или поставить и включить плагин Simple SSL

[@LuxuryGirl_BigWin]

@@wpruse спасибо

[@psymonov]

Получается что WebP Express не преобразовует картинки которые находятся в селекторе CSS "background", и PageSpeed все равно ругается на старый формат изображений.

[@wpruse]

Вполне может быть, не проверял этот момент

[@z0nt1k00]

WebP лучше заменить jpeg 2000

[@wpruse]

Может и лучше, но готовых решений под этот формат не нашел

[@z0nt1k00]

Артём, пора его сделать самому ! ))))))) я верю в Вас ! )) а с этой проблемой я столкнулся на опенкарте, там и как на вордпрес нету тоже )

[@wpruse]

Да ну нафиг, мне есть чем заняться)

[@cyrilzotov3009]

Было бы действительно круто запилить такой плагин, который в зависимости от бровзера подставляет нужную картинку из вариантов jpeg2000/jpegxr/webp. Меня как-то коробили красные результаты в тестах скорости и пытался внедрить какой-то из этих форматов, но не подменой, а просто перезалить все изображения в другом формате. Так оказалось что каждый из них не поддерживает какой-нибудь браузер. В итоге до зеленого вытянул litespeed cache. На мой взгляд, самый простой и стабильный плагин кеширования. В нем, кстати, есть эта фича с подменой на webp, но как она работает я так и не узнал. Хватило кеширования.

[@itsollustrifugate6955]

@@cyrilzotov3009 только что себе на сайте сделал. Способ, где скрипт проверяет браузер на поддержку формата и при ее наличии отдает WebP. Систему с резервными вариантами для WebP можно настроить через HTML5-элемент . Альтернативные форматы добавляют с помощью элемента внутри . В дополнение нужно оставить и обычный , он будет использован для браузеров, которые не поддерживают форматы файлов через : Подробней на pr-cy.ru/news/p/7417-kak-ispolzovat-webp-dlya-optimizatsii-kartinok-na-sayte

[@LuxuryGirl_BigWin]

Подскажите как исправить. В Google search console. Пишут индексирование страниц запрещено тегом noindex. Как это исправить, есть ли плагин? Также исключены из поиска: Вариант страницы с тегом canonical Страница является копией. Канонические версии страницы, выбранные Google и прльзователем не совпадают. Подскажите как исправить это!!!

[@wpruse]

Значит где то на страницах стоит тег noindex, может быть где-то в плагине включено

[@mouratibraguimov7964]

Провел конвертацию картинок магазина (демо товары), 1/3 картинок в webP стали весить больше оригинала от 20 до 150% Учитывая такие данные + необходимость держать лишний плагин сжирающий процессорное время, выгода сомнительная. Это я проверял только в библиотекой Gd, возможно другие дадут лучший результат. Кстати со стандартными настройками картинки сильно потеряли в качестве. Особенно заметно на лого, оно стало мутное мыльное. Как буд-то сохранил jpg в фотошопе с качеством 20/100

[@wpruse]

Хм, я хз почему так. Я на собственном сайте показывал, сайт работает можете сами глянуть. Может с настройками что не так

[@mouratibraguimov7964]

@@wpruse у меня тоже работает нет проблем, просто часть картинок прилично тяжелее оригинала. Между нашими тестами есть разница. У тебя 2 библиотеки доступно, может в этом дело. На моем хостинге только одна есть.

[@wpruse]

Вполне может быть, от хостинга тож зависит как сайт работать будет

[@sculp_vetrov]

Почему про яндекс никогда не говорят? Совместим ли формат с этим браузером? Или если с хромом формат совместим то и с Яндексом совместим автоматически, не стоит внимания.

[@serusok]

Большинству пофиг на яндекс

[@sculp_vetrov]

@@serusok Большинство в СНГ использует Яндекс как поисковик, как можно забить на него?

[@MultiArtalex]

@@sculp_vetrov а что такоє яндекс? Наверно те программы и сервисы что лезут на мой комп а я их удаляют.

[@madinfinity]

Потому что яндекс это шлак и нафиг он не нужен. То что он "схавает" хорошо, то ему не нравится, но работает в гугле - ну и хрен с ним. Вечно в том яндексе ничего толком не работает, вечно что то меняют, такое впечатление что они сами не знают на кокой ножке перед ними должны скакать разрабы. Я добавляю сайты в гугл, если там все Ок, то потом в яндекс и если яндекс на что там ругается, то в большинстве случаев на это можно забить и послать его нахер.

[@sculp_vetrov]

@@madinfinity короче тажа фигня что и с 1С. Пользователи довольны а разрабы нет

[@lagprincesse]

у меня плагин не хочет конвертировать картинки в формат webp((( ругается на все способы конвертации: Result: Failure Message: Gd has been compiled without webp support.

[@wpruse]

Скорее всего с хостингом что-то не так

[@plumbumq]

подобные манипуляции были-бы актуальны лет 15 назад, когда люди сидели на диалапе

[@annachernih8636]

Вообще ничего не поменялось , гугл так же ругается. Это действительно все настройки у данного плагина? может что-то еще нужно настроить?

[@wpruse]

Ну все что было, я про все рассказал, хотя там многое от хостинга зависит. В видео же говорил, что это не панацея, это так одно из многих решений

[@КонстантинБожеев]

Уважаемый автор, подскажите у меня сайт не конвертить картинки вот скрин из админки joxi.ru/bmoEZJ4h3gapjA так должно быть?

[@wpruse]

Не, так быть не должно. Скорее всего у вас хостинг не поддерживает нужные расширения

[@arthurshaidullin7981]

Давай скорость поднимем тебе выше 90, ты меня удивил конечно ), напиши мне на почту [e-mail], я серъёзно.

[@wpruse]

Зачем? Меня все устраивает, я за цифирками не гонюсь. Ну и по секрету, мне для скорости достаточно кеш включить, но мне он не требуется

[@h5jTz71poi90ogf]

Скорость фигня это всё. Погонишься за скоростью потеряешь позиции... В топе монстры сидят, с красными показателями падже спид, и чихать они хотели на скорость. Качественная внешняя ссылочная масса, вот что движет.

[@wpruse]

Думаю на позиции много разных факторов влияет и скорость из них не самый важный

[@Atractiondj]

забыли сказать про safari где нет и не будет вообще

[@wpruse]

Чего не будет?

[@Atractiondj]

@@wpruse WebP у safari

[@dobzo]

Я все картинки через фотошоп прогоняю, улучшаю, оптимизирую и пр. после чего они вообще ничего не весят.. а так глупо вообще сырую картинку на сайт ставить, она же весит не меряно.. вообще не понимаю всей этой возни с картинками, изначально нужно с картинками работать, чё потом руками-то махать)

[@mouratibraguimov7964]

Обучи планету фотошопу и будешь прав, а пока это только бравада.

[@dobzo]

@@mouratibraguimov7964 кому надо, тот освоил, ну а ленивые ищут костыли, точнее грабли)

[@wpruse]

Ты это расскажи тем кто в первый раз сайт открыл. Много раз видел как на сайт льют картинки прямо с фотика размером по 3-5Мб

[@dobzo]

@@wpruse я не спорю)

[@cpavideoru7366]

Поделись, как оптимизируешь и с какими настройками экспортируешь изображения в формате JPG из Photoshop’а.

[@eduard8343]

Его вчера закрыли и больше скачать нельзя

[@wpruse]

Да, автор говорит что были проблемы с безопасностью, которые он порешал. Может откроют еще

[@CuruSmith]

Кстати, он плохо работает на айфонах)

[@wpruse]

Кто он? Формат или плагин?

[@fromillia]

webp не поддерживается сафари и ослами. Или вы имеете в виду, что плохо вне зависимости от браузера?

[@MaksymMyroshnyk]

Качество 80? Так и jpg с качеством 80 будет весить мало...

[@wpruse]

Ну на превьюхе жеж пример) Там где jpeg весит 1Мб, webp - уже килов 200. А в данной настройке - 80 это качество уже самой картинки в webp

[@serusok]

Смысла нет абсолютно никакого в этой замене

[@wpruse]

Почему?

[@serusok]

@@wpruse потому, что ничего не меняется. Показатели выше не становятся, только лишняя нагрузка на сервер.