Вордпресс и webp

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

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

24 Апреля 2019 13:27

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

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

Иван

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

24 Апреля 2019 15:19

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

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

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

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

24 Апреля 2019 15:23

Цитата

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

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

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

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

Сообщений: 143 Регистрация: Июл 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

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

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

27 Апреля 2019 06:00

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

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

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

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

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

WGN

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

27 Апреля 2019 12:39

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

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

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

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

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

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

#10

27 Апреля 2019 14:27

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

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

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

WGN

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

#11

30 Апреля 2019 18:29

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

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

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

Сообщений: 143 Регистрация: Июл 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)

Новые темы	Объявления	Свободное общение
18:31 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 14:23 Резкое падение трафика в Гугл 14:20 Проверить сайт на уязвимость 02:39 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 15:44 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 14:53 2Index - быстрая индексация страниц сайта и обратных ссылок 22:26 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!	22:31 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 22:30 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 21:16 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 21:12 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 19:52 Прием платежей для HIGH RISK \| Прием платежей без сайта 19:52 Услуги рассылки Viber\|Whatsapp\|IMO. 19:39 Рассылка в TELEGRAM \|Большой опыт работы \| Любые тематики \| Лучшая конверсия	00:18 Осторожно! Криптовалюта 20:31 Добро пожаловать в цифровой мир... 18:26 Стряхнуть обыденность - об Агасфере 02:02 Точные прогнозы на футбол 11:30 Не храните данные на жёстких дисках 21:52 Советский буфет и «90-е»: как будут проводить новогодние корпоративы 20:27 В США принят эпохальный закон, направленный на упрощение процедуры отказа от услуг