Почему хром сохраняет картинки в формате WEBP?
Формат изображений WebP: что это такое и зачем он нужен
TimeWeb.com/ru/community/article/3b/3b7c36e6071c8eff2ae02689f15516d0.png» />
Ваш сайт можно сделать быстрее и легче, всего лишь изменив формат изображений на нем. Причем даже без дополнительной компрессии и потери качества. Для этого надо ознакомиться с форматом WebP и конвертировать в него все картинки на странице. Но давайте обо всем по порядку.
Краткое описание WebP
WebP — это формат файла, разработанный компанией Google в 2010 году. Его особенностью является продвинутый алгоритм сжатия, позволяющий сократить размер картинки без видимых потерь в качестве.
Да, другие форматы тоже поддерживают сжатие, но технологии, стоящие в основе WebP, куда прогрессивнее. И если сравнивать WebP с конкурентами в соотношении степени сжатия к качеству картинки, то разработка Google одержит уверенную победу.
В среднем вес картинок сокращается на 25–35%, что позволяет вебмастерам размещать на сайтах больше изображений, не тратя впустую драгоценное пространство на жестком диске арендованного VDS.
При разработке формата сотрудники Google использовали те же методики сжатия, что используются в компрессии кодеков VP8.
Преимущества WebP на другими форматами
Естественно, основное преимущество — это размер. Сокращение размера положительно влияет сразу на четыре аспекта работы в интернете:
- Сайты со сжатыми WebP-картинками работают быстрее. Уходит меньше времени на обработку небольших файлов. Даже если в статье будет под сотню изображений, компрессия спасет от чересчур долгих загрузок.
- Загружая на VDS маленькие изображения, можно сэкономить на пространстве жесткого диска.
- Пользователи будут тратить меньше мобильного трафика при посещении сайта со смартфона.
- Выделенный интернет-канал до сервера будет загружен гораздо меньше, если передаваемый медиаконтент меньше весит. Еще один плюс к производительности.
Но говорить о преимуществах WebP проще в сравнении с другими форматами.
WebP против JPEG
JPEG — формат, отлично подходящий для изображений с большим количеством цветов. Он мало весит и имеет приемлемое качество, из-за чего обрел столь большую популярность среди пользователей.
TimeWeb.com/media/tacos-2x.png» />
Главный недостаток JPEG — заметная потеря в качестве и детализации из-за недостаточно продуманных алгоритмов сжатия. Это особенно заметно при приближении или когда у картинки изначально не слишком высокое разрешение.
У WebP качество картинки практически не теряется. Если ознакомиться с галереей Google, то станет понятно, что отличить их формат от высококачественных JPEG практически невозможно. Это видно только по размеру файлов.
WebP против PNG
PNG — формат, ставший золотым стандартом и сумевший сохранить идеальный баланс между качеством и весом. Он подходит для изображений с логотипами или некрупным текстом. Там, где нужна высокая детализация.
Но речь идет о графике. С фотоснимками PNG справляется хуже более узкоспециализированных расширений. К тому же PNG заметно тяжелее того же JPEG даже после компрессии (хоть и сохраняет высокое качество).
TimeWeb.com/media/xwebp-vs-png-lossless-compression-1120×642.pagespeed_.ic__.ayj7ulmvj-1066x611_1.png» />
WebP по детализации и цветопередачи на одном уровне с PNG. Разницу трудно заметить даже при сравнении лоб в лоб. Он хорошо отображает как графику, так и фотографии. При этом размер зачастую ниже, чем у PNG, на 30%.
Недостатки WebP
Поддержка данного формата среди браузеров и веб-приложений постепенно растет. Сейчас с WebP не возникает проблем ни в Google Chrome, ни даже в Safari. Но остались сайты и программы, которые все еще не знакомы с этим расширением картинок. Поддержка в браузере Apple появилась не так давно, а в Internet Explorer не появится никогда.
Как я уже заметил выше, проблема не только в браузерах, но и в других программных решениях. К примеру, в WordPress.html»>WordPress нет нативной поддержки WebP, а это, между прочим, популярнейшая CMS в мире. И таких ресурсов все еще много.
А еще WebP-файлы зачастую нечем открывать на компьютере. Поэтому некоторые пользователи Windows и Linux негодуют, когда пытаются скачать картинку через Google Chrome, а получают файл с невнятным расширением, который нельзя открыть.
Как открыть WebP-файл
Если вы столкнулись с тем, что в вашей ОС нет программы для работы с WebP, то вам поможет поддерживаемый браузер. Алгоритм действий:
- Открываем картинку в формате WebP на любом сайте, где нам удалось ее разыскать.
- Кликаем по ней правой кнопкой мыши и сохраняем на жесткий диск в формате WebP.
- Затем кликаем правой кнопкой мыши по картинке уже на жестком диске.
- В контекстном меню системы ищем пункт «Открыть с помощью…» и выбираем в нем браузер Google Chrome или Firefox.
В Linux можно открывать WebP-файлы с помощью редактора изображений GIMP. В macOS этот формат поддерживается по умолчанию в приложении «Просмотр», в нем же картинку можно отредактировать и конвертировать.
Сохраняем WebP как JPEG (или конвертируем в другой подходящий формат)
Инструкция для тех, кто не желает возиться с WebP и хочет изменить формат изображения в более привычный.
Есть несколько методов превращения WebP в условный PNG или JPEG средствами Windows. Через браузер, через Microsoft Paint и через специализированный декодер и команду в терминале Windows (внезапно).
- Можно скопировать ссылку на сайт с изображением в новом формате и вставить ее в Internet Explorer. Он не поддерживает новинку и поэтому загрузит картинку в другом расширении.
- Или скопировать изображение прямо с веб-страницы и вставить его в редактор изображений Microsoft Paint. А уже находясь в нем, одновременно нажать клавиши Ctrl + Shift + S, чтобы сохранить картинку на жестком диске и указать расширение (JPEG, TIFF и т.д.).
- Либо использовать команду в формате C:Путь до файла dwebp.exeназвание файла.WebP — o название файла.png. По умолчанию декодер лежит в папке «Изображения», соответственно, в команде надо указать путь до нее.
Конвертируем PNG в WebP
Инструкция для тех, кто хочет стать частью новой тенденции и перейти на WebP уже сейчас.
В сети уже хватает онлайн-конвертеров, меняющих формат изображения на любой по желанию пользователя. К тому же для изменения расширения подходят и методики, описанные в предыдущем блоке, разве что действия выполняются в обратном направлении.
Мы рассмотрим более практичные способы с точки зрения постоянной работы с веб-контентом. То есть инструменты, используемые вебмастерами в повседневной работе при публикации сайтов и новых материалов на них.
Через плагин для Фотошопа
Берем детище Adobe как самый популярный редактор среди дизайнеров веб-интерфейсов и основной массы контентщиков.
TimeWeb.com/media/webp-plugin-2x.png» />
Сначала скачиваем плагин WebP Photoshop Plugin с официального сайта разработчиков. После этого устанавливаем и перезапускаем редактор. При повторном запуске в нем появится новый формат для экспорта. Открываем изображение в формате JPG, PNG и т.п., затем открываем меню File и выбираем пункт Save As… Во всплывшем окошке указываем расширение WebP или WebP Lossless. Второй вариант подразумевает немного иной тип сжатия, сохраняющий все детали изображения.
Появится интерфейс приложения, предлагающий выбрать уровень качества, степень четкости и даже уровень снижения шумов.
Через node.js
Подойдет тем, кому надо пачками конвертировать разного рода изображения в WebP, тратя на это минимум сил. Естественно, нужно хотя бы примерно понимать, что такое node.js и установить ее к себе на компьютер с Linux.
Представим, что node.js уже установлен и работает. Возвращаемся к конвертеру. Будем использовать плагин imagemin и соответствующий скрипт на его базе, чтобы автоматизировать процесс конвертации.
Чтобы установить imagemin, введем в командную строку:
Затем создаем скрипт в формате JavaScript со следующими вводными данными и запустим его в node.js:
По умолчанию в переменных outputFolder, PNGImages и JPEGImages указаны значения img, но их можно заменить на другие. В названиях изображений вовсе можно оставить звездочку, чтобы скрипт конвертировал все изображения с расширениями JPEG и PNG, что сможет обнаружить в папке.
Через плагин для WordPress.html»>WordPress
Если работаете в CMS WordPress.html»>WordPress, можно не изгоняться с node.js, а установить плагин WebP Express. Он использует библиотеку WebP Convert Library для конвертации изображений с расширениями PNG и JPEG в формат компании Google.
Но оно не просто заменяет одно расширение другим, а добавляет еще один файл для браузеров, которые поддерживают этот стандарт. Альтернативные форматы никуда не исчезают и продолжают отображаться в неподдерживаемых браузерах.
А еще есть плагины для сжатия изображений в WordPress.html»>WordPress, которые создают WebP-копии загружаемых картинок и распространяют их по CDN. Они также ужимают другие форматы, минимизируя потери в качестве.
Подключаем WebP к HTML- и CSS-файлам
В случае с плагинами и CMS все понятно. Там есть графические интерфейсы для загрузки изображений. С кодом тоже нет сложностей. WebP можно встраивать в HTML-разметку как «обычные» изображения – через тег Правда, только для поддерживаемых браузеров.
В случае с неподдерживаемыми придется добавить в разметку элемент и внутри него прописать дополнительные источники изображений со всеми расширениями. Это делается через тег . В CSS WebP добавляется через параметр background-image: url (ссылка на картинку с нужным расширением).
На этом все. Как видите, в формате WebP нет ничего страшного. Обычные картинки, просто не везде поддерживаются. Отсюда и некоторые сложности в работе, но совсем скоро эта проблема исчезнет и WebP окончательно станет веб-стандартом.
Почему изображения сохраняются только в виде ссылок (.webp)? Что делать?
При сохранении изображений система стала предлагать только формат «Файл WEBP (.webp)». Как сохранить картинку в формате .jpg, .jpeg?
Пытаетесь скачать наверное из play.google.com.
webp это специальный формат изображений разработанный компанией google, он позволяет сжать изображение , и сделать его размер весом, приблизительно на 40% меньше чем это же изображение в формате .jpeg или .png, но качество изображения при этом не изменится в худшую сторону.
Для того чтобы сохранить изображение в привычном нам формате, можно использовать один из множества онлайн конвертеров. Или нужно «Открыть изображение в новой вкладке»:
Все манипуляции проделывал в браузере Chrome.
Я недавно столкнулась с такой проблемой. Раньше без проблем изображения из Яндекс.Картинок сохранялись в нужных мне форматах .jpg, .jpeg, .png и т.д., я без труда сохраняла картинки и потом, например, вставляла их в ответы на БВ. Потом изображения стали сохраняться исключительно в виде ссылок, что сделало невозможным вставку.
Я пошла таким путём (он, конечно, не совсем правильный, и даже неэффективный, но для вставки картинок в другие места очень даже подходящий).
Я стала просто делать скрины нужных мне изображений, сохранять и при необходимости редактировать из в редакторе изображений Paint. Ну а далее уже сохраняла файл в нужном мне формате.
Сейчас очень часто при сохранении картинки она сохраняется в формате webp. Формат неудобный, часто картинки просто невозможно загрузить, они не открываются.
Если у вас имеется такая картинка, которую необходимо представить в другом формате, необходимо использовать конвертер. В сети есть масса таких программ, м помощью которых можно преобразовать файл онлайн версий), и преобразую файл формата webp в jpg.
Можно пойти другим путём, сначала сделать скриншот и сохранить картинку в нужном нам формате, отредактировать её в редакторе изображений Paint.
Как видите, решить данную проблему с сохранением изображений в виде ссылок возможно.
Сама не раз сталкивалась с подобной проблемой, когда пыталась сохранить фотографию, только вместо снимка у меня был белый квадратик. Чаще всего такие картинки попадаются в Гугл Плей, конечно это совсем неудобно, однако это новый формат, который сейчас часто применяет Google.
Проще всего сделать просто скриншот нужной картинке и сохранить, это можно сделать при помощи некоторых программ, я пользуюсь браузером, в котором можно сразу сделать скриншот.
Но если вам не подходит скриншот, то можно сделать так: открываем изображение в новой вкладке, далее нам нужно убрать три последние символы из строки («-rw»), нажимаем кнопку «Энтер» и дальше сохраняем картинку.
В Интернете и в некоторых ответах в этом вопросе указан способ про удалении из строки символов «-rw», но на практике такой способ сейчас часто не работает.
Мне тоже не нравится то, что многие сайты предлагают сохранить картинки в формате «Webp», очень неудобный формат. В последнее время я справляюсь с этой проблемой так, я сохраняю изображения в этом формате, потом открываю конвертер (в Интернете много онлайн версий), и преобразую файл формата webp в формат jpg.
Также если у вас имеется браузер Гугл Хром, то можно скачать специальное расширение.
Как вариант можно открыть картинку, но не сохранять ее, а сделать скриншот, а потом сохранить его.
С форматом webp я сама нередко сталкиваюсь при загрузке картинок. Раньше никак не могла понять почему у меня грузится белый квадрат, вместо изображения. Как оказалось, webp — это формат для картинок от гугл, который ввели в 2010 году, но стандартными программами просмотра изображений он не откроется. Есть несколько хитростей. Сама я просто делаю скриншот нужной мне картинки и сразу сохраняю в формате jpg. Если вам нужен не скриншот, то можно попробовать следующий метод. Кликаем по картинке и открываем ее в новой вкладке. Смотрим строку браузера, где прописан адрес картинки и удаляем последние три знака (-rw).
Картинка перезагрузится и можно будет ее уже скачать обычным образом и в обычном формате. У меня нередко png формат предлагает.
Еще вариант из официального магазина Хром установить расширение специальное (не реклама), подходит не только для браузера Хром, но и для Яндекс браузера. Чтобы скачать картинку в png, которая в формате webp, надо выбрать соответствующий пунт (см. ниже).
Почему хром сохраняет картинки в формате WEBP?
- Форумы
- Пользователи
- Правила
- Поиск
- Регистрация
- Загрузки
- Зайти
Полезная информация
Страницы: 1
- Форумы
- » Поддержка пользователей
- » Картинки сохраняет только в webp и не предлагает другой формат
№1 13-02-2019 10:40:16
Картинки сохраняет только в webp и не предлагает другой формат
Картинка в браузере открывается в формате jpg, но когда нажимаешь сохранить предлагает только формат webp.
Как исправить, чтоб появилась возможность сохранять в jpg
№2 13-02-2019 14:23:06
Re: Картинки сохраняет только в webp и не предлагает другой формат
image.webp.enabled включено?
image.http.accept установлен в image/webp,*/* ?
Добавлено 13-02-2019 14:24:42
Ну и браузер можно попробовать обновить на 65.0.1
Отредактировано Coroner (13-02-2019 14:24:42)
№3 13-02-2019 21:10:00
Re: Картинки сохраняет только в webp и не предлагает другой формат
включен, если отключить картинки совсем не грузит
image.http.accept значение image/webp,*/*
Добавлено 13-02-2019 21:11:11
стоит послендяя версия 65
Отредактировано Vetvb (13-02-2019 21:11:11)
№4 23-02-2019 22:42:39
Re: Картинки сохраняет только в webp и не предлагает другой формат
У меня получилось сохранять в jpeg. В закладке about:config , далее поиск, эту строчку image.http.accept значение image/webp,*/* , заменил «webp» на «jpeg»
Отредактировано mar1 (26-02-2019 05:19:07)
№5 18-07-2019 23:46:47
Re: Картинки сохраняет только в webp и не предлагает другой формат
Здравствуйте. Обновил браузер до последней версии — 68.01 проблема с webp не устранилась. Раньше такого у меня не было. Только через config что ли возможно устранение?
№6 14-09-2019 13:22:36
Re: Картинки сохраняет только в webp и не предлагает другой формат
У меня получилось сохранять в jpeg. В закладке about:config , далее поиск, эту строчку image.http.accept значение image/webp,*/* , заменил «webp» на «jpeg»
вместо строки «image/webp,*/*» надо оставить только «*/*» . Это должно дать возможность выбора формата сохранения файла. Похоже что то изменило этот параметр.
№7 02-01-2020 00:11:28
Re: Картинки сохраняет только в webp и не предлагает другой формат
Немножко не так. У меня Мозила Фаерфокс -70. Помучилась с вашими подсказками, добавила свои изыскания в этой области и получилось вот так: В about:config находим через «поиск» строчку «image.webp.enabled», а в ней (выделяем строчку и жмём правой) значение true меняем на false. Функция передачи изображения в формате webp выключается. Проверила — сохраняет картинку в формате jpg без всякой мороки. Вышеописанное изменение участника mar1 (строчку image.http.accept, image/webp,*/*, заменил «webp» на «jpeg») уже не имеет никакого значения, что в ней прописано. Удачи!
№8 09-01-2020 15:06:50
Re: Картинки сохраняет только в webp и не предлагает другой формат
Если что так для подсказки,то существуют два плагина один для хрома другой для мозиллы так вот этот плагин,как раз дает возможность сохранять в другом расширении называется он WebP image converter , https://addons.mozilla.org/ru/firefox/addon/webp-image-converter/ . И не надо будет не каких ручных правок в настройках фокса.
№9 10-09-2020 18:22:15
Re: Картинки сохраняет только в webp и не предлагает другой формат
перешир кривойц плагин, в моей мозиле при сохранении пишет- не удалось, попробуйте сохранить картинку:
https://www.gamesmen.com.au/media/catal … dition.jpg
Windows 10 (х64) Enterprise LTSB, i5-6600, 16Gb RAM, GTX 1060-6Gb
№10 10-09-2020 18:56:27
Re: Картинки сохраняет только в webp и не предлагает другой формат
AspireM3400
Я вот этот себе поставил — Save webP as PNG or JPEG
Он не только WebP, а вообще все подряд конвертирует.
Страницы: 1
- Форумы
- » Поддержка пользователей
- » Картинки сохраняет только в webp и не предлагает другой формат
Board footer
Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia
Язык отображения форума: [Русский] [English]
Почему Google Chrome вместо этого сохраняет изображение JPG в WEBP?
Чудо среднего класса
Я пытаюсь сохранить то, что выглядит как изображение JPG из Chrome, и вместо этого всегда загружаю изображение WEBP.
Я использую Chrome версии 80.0.3987.163 на macOS Catalina (10.15.4), и я пытаюсь загрузить изображение в формате JPG с веб-сайта. Несмотря на то, что URL-адрес изображения явно имеет .jpg расширение, когда я нажимаю CMD + S или щелкаю изображение правой кнопкой мыши и выбираю Save image as. Мне предоставляется диалоговое окно файловой системы для его сохранения, а в раскрывающемся списке формата установлено значение Google’s WEBP как показано здесь.
Я предполагаю, что они используют расширение JPG для изображения, которое на самом деле является WEBP, но это вводит в заблуждение. Это возможно? Есть ли способ скачать изображение в формате JPG?
Расширения файлов совершенно не важны для HTTP: если сервер сообщает Content-Type: image/webp , то это изображение WebP, точка. (Сравните с тем, как большинство веб-сайтов не используют .html в своих URL-адресах, даже если они обслуживают веб-страницы на основе HTML.)
В оригинал изображение, загруженное на сайт, было файлом JPEG; однако он предоставляется вам через «сеть доставки контента» (в данном случае Akamai). Задача CDN — размещать эти файлы и снижать нагрузку на реальные серверы веб-сайта, но многие CDN предоставляют различные функции оптимизации для экономии трафика для клиентов — это часто включает повторное сжатие изображений, минимизацию файлов JS / CSS и т. Д.
Akamai смотрит на HTTP-запрос Пользователь-агент заголовок, чтобы угадать, какой формат лучше всего поддерживается вашим браузером (хотя, как ни странно, он игнорирует Принять header) и автоматически конвертирует изображение в WebP, когда захочет. URL остается прежним, но ответ Тип содержимого заголовок указывает новый формат.
Помимо установки расширения «спуфера пользовательского агента» или попытки использовать другой браузер, вы также можете скопировать URL-адрес и использовать curl или же wget инструменты через Терминал, чтобы загрузить его (в macOS должен быть хотя бы один встроенный). Сеть CDN обычно исключает «небраузерные» инструменты из функции веб-пификации.
Снижение трафика данных CDN
WebP — это формат изображений, который в настоящее время разрабатывается Google на основе технологии, приобретенной при покупке On2 Technologies.
Если User-Agent поле в заголовке HTTP (S) запроса показывает, что вы используете недавний браузер, серверы сети доставки контента (CDN) могут обслуживать исходный .jpg или же .png изображения в этом новом формате WebP для уменьшения трафика данных. Тем не менее, эти обслуживаемые файлы изображений сохранят свое исходное расширение; что действительно вводит в заблуждение и обманывает.
В системах GNU / Linux одно решение состоит в загрузке исходного файла изображения с помощью wget или же curl команда.
Несколько расширений Google Chrome предлагают способ сохранять изображения, используемые как WebP, в другом формате изображений. Однако только одно расширение открытый источник программного обеспечения; который Сохранить изображение как тип.
Однако это и все другие подобные расширения имеют один досадный недостаток. Между сохранениями эти расширения не вспоминать каталог в которую было сохранено предыдущее изображение. Это может быть, а может и не быть связано с политикой песочницы Google в отношении расширений. Как бы то ни было, я открыл вопрос об этом на GitHub.
- 1 Это лучший ответ
- 1.Я использую инструмент, спасибо, приятель, за
Или вы можете просто перейти по URL-адресу изображения с помощью Safari, а затем сохранить изображение в исходном формате (jpg, png и т. Д.).
Во-первых, ваши подозрения, вероятно, верны, поскольку когда я вручную меняю расширение на .jpg , это не может быть распознано.
Во-вторых, если вы все еще хотите загрузить его как файл jpg, добавьте .jpg к имени файла загрузки, например:
Если появится предупреждение, нажмите «использовать .jpg», как показано на рисунке ниже.
- 2 Это на самом деле не превратит его в файл JPEG.
- Конечно. Если вы хотите сделать это, используйте вместо этого конвертер изображений.
- это должно быть удалено
Webp — это формат изображения, разработанный Google для веб-графики, вы можете переименовать файл, используя имя file.jpeg, чтобы открыть его в обычном режиме, это происходит потому, что существует множество расширений, таких как jpeg, png, bmp, webp, Google сохраняет изображение в формате webp, потому что Изначально это было изображение в формате webp, а не в формате JPEG.
- Пожалуйста, узнайте больше, прежде чем публиковать подобные ответы
Что такое изображение WebP – как использовать и сохранять
Несколько лет назад Google незаметно представил новый формат изображений под названием «WebP». Формат WebP был объявлен преемником сверхпопулярного JPEG. Для людей, озабоченных использованием полосы пропускания и/или скоростью Интернета, это очень хорошая новость. Но, для пользователей, пытающихся работать с цифровыми изображениями, это может стать головной болью.
Что такое формат WebP
Google работает над WebP в течение нескольких лет с целью уменьшения размеров файлов изображений без ущерба для качества. Для этого в формате изображений WebP используется более эффективный алгоритм сжатия. Это делает размеры файлов изображений, используемых в Интернете, значительно меньше, чем в формате JPEG или PNG.
Согласно Google, формат WebP уменьшает размер файла изображения на 19-64 процента. Это приводит к тому, что веб-сайты загружаются быстрее и потребляют меньше трафика. Из-за этого многие веб-сайты с высокой посещаемостью используют формат WebP, поскольку более быстрая загрузка сайта означает лучший пользовательский интерфейс. Можно с уверенностью предположить, что каждый согласен с тем, что чем быстрее Интернет, тем лучше, так в чём же проблема?
Критика WebP
Несмотря на то, что формат WebP разрабатывался порядка десяти лет, он не пользуется широкой поддержкой. Многие из наиболее распространенных инструментов для работы с изображениями, такие как Adobe Photoshop, изначально не распознают WebP. Некоторые программы (например, Photoshop) обходят эту несовместимость сторонними плагинами. Однако, другие программы вообще не распознают формат WebP. Это затрудняет работу с форматом WebP. К счастью, есть способ конвертировать изображения WebP в формат, который хорошо сочетается с другими.
Также следует отметить, что побочным эффектом сжатия часто является потеря качества. Хотя эта потеря качества может быть незаметна для обычного пользователя, она может создать проблемы для некоторых профессионалов (например, фотографов).
Как сохранить WebP в формате JPEG или PNG
К счастью, можно вручную преобразовать изображения WebP в их исходные форматы JPEG или PNG. Чтобы этот небольшой трюк сработал, вы должны использовать в качестве браузера Chromium или Opera. Когда вы сталкиваетесь с изображением WebP, которое хотите сохранить, щелкните его правой кнопкой мыши и выберите «Открыть изображение в новой вкладке».
Теперь, когда изображение находится на отдельной вкладке, наведите курсор на адресную строку. В поле URL удалите последние три символа «-rw» URL-адреса и нажмите Enter . Это отобразит изображение в исходном формате (обычно JPEG или PNG). Чтобы сохранить изображение, просто щелкните правой кнопкой мыши и выберите «Сохранить изображение как». В поле «Тип файла» изображение должно быть в формате JPEG или PNG. Конечно, это может быть немного утомительно, но это довольно простой обходной путь.
Как сохранить WebP в PNG с расширением Chrome
Посмотрим правде в глаза, вы, вероятно, не захотите изменять URL-адрес каждый раз, когда хотите сохранить фотографию. Хотя это относительно простое решение для тех, кто в затруднительном положении, оно не совсем практично. Это особенно актуально для тех, кто работает с большим количеством изображений WebP. К счастью, есть легкое расширение для Google Chrome, которое упрощает работу.
После установки расширения вы сможете сохранить изображение в формате PNG без изменения URL-адреса. Для этого просто щелкните правой кнопкой мыши изображение, которое вы хотите загрузить. В появившемся окне меню должна быть опция «Сохранить изображение как PNG». Выберите это и попрощайтесь с возней с URL-адресом.
Что вы думаете о формате WebP? Знаете ли вы какие-либо другие способы быстро и легко преобразовать WebP в формат JPEG или PNG? Дайте нам знать об этом в комментариях!
Что за формат WebP и как его использовать на своем сайте.
WebP — это формат веб-изображений, разработанный Google, при помощи которого вы получите маленький размер изображения без потери качества. В этом посте мы углубимся в вопрос «Что за формат WebP?» и расскажем вам больше по этой теме.
Используем WebP
Мы также поговорим о плюсах и минусах WebP-изображений, чем его открыть и о том, как вы можете начать использовать WebP-изображения на своем сайте.
Сравним WebP с другими форматами
Есть много типов изображений, которые принято использовать в интернете. Три наиболее распространенных варианта — PNG , JPEG (или JPG) и GIF . Хотя эти форматы популярны, каждый из них имеет свои плюсы и минусы:
- Jpeg хорош для с большим количеством деталей и цветов, что делает его идеальным выбором для фотографий. В то же время, файлы часто очень получаются большие и не всегда хорошо сжимаются.
- Png идеально подходит для изображений c небольшим количеством данных, например логотипы или скриншоты интерфейса. Он отлично сохраняют качество при сжатии и поддерживают прозрачность, но плохо работает для фотографий.
- GIF отлично подходит для анимации, но плох для статических изображений.
WebP images — это формат изображений от Google, предназначенный для размещения картинок в интернете в качестве. Размер файла получается меньше, чем у других форматов, но качество при этом не ухудшается.
Что за формат WebP и как его использовать на сайте
Вы можете сжать WebP как «с потерями» (lossy), так и «без потерь» (lossless). Последний вариант сохранит больше данных, в то время как первый делает размеры результирующего файла еще меньше.
По данным Google, изображения WebP:
- на 25-34% меньше по размеру, чем аналогичные изображения JPEG.
- на 26% меньше по сравнению с PNG.
Как открыть WebP?
Программы, которыми можно открыть WebP на Windows :
Программы, которыми можно открыть WebP на Mac :
Программы, которыми можно открыть WebP на Linux :
Плюсы и минусы использования WebP на вашем сайте
Теперь, когда мы ответили на вопрос “Что за формат WebP?», давайте поговорим о том, стоит ли его использовать и обсудим плюсы и минусы изображений WebP.
Плюсы WebP изображений
Как мы уже упоминали, основная цель этого формата — веб-ориентированное изображение, которое превосходит как PNG, так и JPEG в большинстве ситуаций.
Файлы изображений занимают место на вашей странице, иногда много места. Чем больше изображений вы добавляете на свой сайт, тем больше вероятность ухудшения производительности страницы. Очень важно чтобы ваша страница загружалась быстро, иначе посетители уйдут с вашего сайта, прежде чем они увидят, что вы на нем предлагаете.
Изображения, сохраненные в формате WebP, могут быть значительно меньше, чем JPEG и PNG с таким же качеством.
Сравнение форматов WebP и jpeg
Также примечательно, что WebP поддерживает прозрачность. Прозрачные изображения невероятно полезны, вы можете использовать их для логотипов или инфографики.
Минусы WebP изображений
Если у WebP так много преимуществ, почему его использует так мало людей? Основным недостатком является то, что изображения WebP в настоящее время не поддерживаются всеми браузерами, хотя все больше и больше браузеров добавляют поддержку.
Поддерживают WebP:
Вот сравнение текущей поддержки браузера, а также доли каждого браузера в России на десктопном и мобильном рынке по состоянию на сентябрь 2019 года по данным Яндекс Радара:
- Chrome — 44% десктоп / 38.6% мобильные устройства
- Yandex браузер 28% десктоп / 12.9% мобильные устройства
- Firefox (только десктоп) — 9.2%
- Edge — 3.2% десктоп
- Opera — 9.7% десктоп / 1.2% мобильные устройства
- Samsung Internet — 4.8% мобильные устройства
Не поддерживают WebP:
- Safari – 1% десктоп / 17.1% мобильные устройства
- Internet Explorer – 3.4% десктоп
- Firefox для Android — менее 1% мобильных устройств
- UC Browser для Android – 0.6% мобильные устройства
Хотя большинство браузеров теперь поддерживают WebP, все еще есть те, у которых поддержки нет (в частности, Safari).
К счастью, вы ничего не теряете, используя WebP на своем сайте, так как вы можете просто включить «запасное» изображения PNG и/или JPEG, которые отображаются для посетителей с браузерами, которые не поддерживают изображения WebP. Да потребуется немного поработать, но эта работа положительно скажется на производительности.
Как использовать WebP изображения на Вашем сайте
Добавить WebP к себе на сайт довольно просто. Сконвертируйте ваше изображение в формат WebP. Найдите код изображения в HTML вашей страницы:
И добавьте тег picture и source:
Для популярных CMS существует множество плагинов для автоматизации этой работы:
- Smush для WordPress.html»>WordPress
- Ускорение загрузки сайта для 1С Битрикс
- WebP Image Module для Opencart
- Изображения WEBP для Shop-Script
Вывод
Что за формат WebP? Это тип файла изображений, который имеет потенциал для ускорения вашего сайта, даже больший, чем при использовании сжатых PNGs или JPEG. WebP сжимается как с потерями, так и без потерь дает нам меньшие размеры файлов при сопоставимом качестве.
Хотя его популярность растет, WebP еще не поддерживается во всех браузерах. Тем не менее, это не помеха чтобы использовать этот формат изображения на вашем сайте, особенно если вы загружаете много изображений.