Вордпресс и webp

Вордпресс и webp, как впихнуть невпихуемое?

Сообщений: 144 Регистрация: Июл 2013

24 Апреля 2019 13:27

Собственно, ситуация следующая.
Постепенно я докатился до понимания того, что пора переходить на новые форматы изображений, облегчать графику на сайте, и, покрутившись по интернету пару дней, нашёл плагин для фотошопа, способный конвертировать jpg в webp. Файлы однозначно стали легче в разы, но радость была недолгой- вордпресс отказывается пропускать файлы webp, пишет, что "webp: Извините, этот тип файла недопустим по соображениям безопасности."

Обидно. Есть у кого рецепты от этой напасти? P.S. Хотел залить webp сюда, тут та же история.

Иван

Сообщений: 2247 Регистрация: Янв 2014

24 Апреля 2019 15:19

Филарет Шторкин,

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

Филарет Шторкин

Сообщений: 144 Регистрация: Июл 2013

24 Апреля 2019 15:23

Цитата

Иван пишет:
Филарет Шторкин,

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

Да уже вроде как все. Основные, во всяком случае.

Филарет Шторкин

Сообщений: 144 Регистрация: Июл 2013

24 Апреля 2019 15:49

Решил вопрос. Нашёл блог какого-то доброго человека Прописывается в functions.php темы:

Код
function extra_mime_types( $mimes ) { $mimes['svg'] = 'image/svg+xml'; return $mimes; } add_filter( 'upload_mimes', 'extra_mime_types' );

Mamikonars

Сообщений: 512 Регистрация: Окт 2012

26 Апреля 2019 10:32

Цитата
Иван пишет: не все браузеры поддерживают

Есть специальный тег picture в который можно ссылки на 2 картинки вставлять.

Код
<picture> <source srcset="example.webp" type="image/webp"> <img src="example.png"> </picture>

Если браузер поддерживает webp, то он покажет картинку в этом формате. В противном случае (как например в сафари) покажет png.

Надежный хостинг

Игровая партнерка

Иван

Сообщений: 2247 Регистрация: Янв 2014

26 Апреля 2019 13:52

Цитата
Mamikonars пишет: Если браузер поддерживает webp, то он покажет картинку в этом формате. В противном случае (как например в сафари) покажет png.

Спасибо, полезно это знать. Но мороки намного больше, чем потенциальной пользы.

MrLexKo

Сообщений: 681 Регистрация: Май 2011

26 Апреля 2019 17:02

Можно еще картинки сжимать программой JPЕG Compressor. Размер хорошо уменьшается без потери качества (видимой глазу) и формат остается прежним.

*Хостинг и домены. Скидка по промокоду - 34A0-15CA-735C-335A

Филарет Шторкин

Сообщений: 144 Регистрация: Июл 2013

27 Апреля 2019 06:00

Цитата
MrLexKo пишет: Можно еще картинки сжимать программой JPЕG Compressor. Размер хорошо уменьшается без потери качества (видимой глазу) и формат остается прежним.

Хочется автономности. Разбирался я с этой вундервафлей долго, наконец, разобрался. Из PNG и JPG конвертирует с разными результатами по весу, если накручивать качество, можно и утяжелить. Тут нужно работать движком (см. картинку) При значении lossy quality 25 удалось уменьшить вес в 10(!) раз. Я доволен. А вот пятый фотошоп почему-то с этой плашкой не дружит. Пришлось ставить более новый. Это грустно.

Прикрепленные файлы

Снимокууу.PNG (40.63 КБ) [ Скачать ]

Изменено: Филарет Шторкин - 27 Апреля 2019 06:02

WGN

Сообщений: 9848 Регистрация: Июн 2015

27 Апреля 2019 12:39

Цитата
Филарет Шторкин пишет: Пришлось ставить более новый.

А чем он плох? По моему он даже лучше:confused: smile:)

✔(НЕЙРОСЕТЬ) Качественные живые посетители на ваш сайт, блог, канал — Бесплатно!!!

♛ЛУЧШИЙ ПРОВЕРЕННЫЙ и САМЫЙ НЕДОРОГОЙ ХОСТИНГ: АКЦИИ!

Филарет Шторкин

Сообщений: 144 Регистрация: Июл 2013

#10

27 Апреля 2019 14:27

Цитата
WGN пишет: А чем он плох? По моему он даже лучше

Плашку не хавает. Так бы тоже не менял его(Я про пятый). Если вы про новый -ничего там нового нет, ну интерфейс с иного размера кнопками. Вообще старый друг лучше новых двух. И опять же -историю сохраняет. Нафиг он нужен? Привык я к пятому. А вот это "давайте создадим..." тьфу! С размерами сохраняемого опять же надо разбираться. Словом, дрянь.

Изменено: Филарет Шторкин - 27 Апреля 2019 15:36

WGN

Сообщений: 9848 Регистрация: Июн 2015

#11

30 Апреля 2019 18:29

Цитата
Филарет Шторкин пишет: И опять же -историю сохраняет. Нафиг он нужен?

Ну тогда просто привыкать надо:confused:

Филарет Шторкин

Сообщений: 144 Регистрация: Июл 2013

#12

30 Апреля 2019 19:57

Цитата
WGN пишет: Ну тогда просто привыкать надо

Образовалась чудесным образом в моём привычном 5 фотошопе такая возможность. То ли я не туда смотрел, то ли вообще слепой. Пользуюся таперича)))

Александр Сообщений: 2 Регистрация: Ноя 2011	#13 13 Февраля 2023 20:32 У WebP есть такой нюанс - не все браузеры его поддерживают. К примеру, некоторые версии iOS Safari, обычный Safari, IE - не поддерживают WebP. https://caniuse.com/#feat=webp ( scandictrip.com/?url=https%253A%252F%252Fcaniuse.com%252F%2523feat%253Dwebp ) Поэтому надо хранить всегда как минимум две версии каждой картинки. Webp (для браузеров с поддержкой WebP) и исходную карти И отдавать нужную версию в зависимости от браузера. А исходную картинку надо при этом еще и оптимизировать/сжимать - чтобы даже для браузеров без поддержки WebP картинки отдавались оптимизированными (более легкими по весу) - это еще третья! версия файла. У сервиса optipic я недавно заметил новый функционал, в который это все уже заложено в коробку. https://optipic.io/ru/webp/wordpress/ ( scandictrip.com/?url=https%253A%252F%252Foptipic.io%252Fru%252Fwebp%252Fwordpress%252F ) Можно даже подключить все так, чтобы урлы картинок не менялись (они остаются точно такими же и выглядят как внутренние url на моем сайте). Но на самом деле они подгружаются через их систему с автоматическим сжатием, конвертацией в webp и распознаванием поддержки webp. Получается совсем все просто и красиво, да и недорого))

Похожие темы:

30.03.2021 19:55	Как вставить таблицу в Вордпресс
28.01.2021 21:31	Простая тема Вордпресс
27.08.2020 22:14	Реклама между постами в вордпресс.
26.02.2017 21:54	WebSite или WebPage?
17.12.2015 20:18	как сделать тему для вордпресс, а то большинство англоязычных тем?

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
21:22 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 16:18 Adtrafico - Правильная партнёрская сеть под бурж трафик 12:26 Bropush - твой бро в монетизации сайта push-уведомлениями 17:06 Perfect.Studio: InstAccountsManager — лучший инструмент для автоматизации заработка в Instagram 16:04 VKAccountsManager — лучший инструмент для продвижения и заработка Вконтакте 13:26 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 11:46 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!	13:32 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 11:17 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 22:21 ProxyWins.com - 15% по промо-коду "venividivici" 17:00 Burzh.top\|Партнерская программа под любой вид трафика (email, спам, УБТ) 16:07 Ural-obmen.ru — выгодный сервис обмена 15:57 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 14:50 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно	11:02 Видимо, похороны СУПРа уже прошли как-то по-тихому 22:18 Добро пожаловать в цифровой мир... 23:41 Точные прогнозы на футбол 12:04 Как получить рефералов и посетителей на сайт бесплатно. 12:48 Каспкрски ОС 11:21 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 14:41 Бесплатный мини-аудит юзабилити и конверсии + технический SEO-аудит в подарок