Технологии не стоят на месте, и каждый год внедряется что-то новое. Это касается и веб-пространства. Новые языки программирования и технологии делают сайты быстрее, лучше и удобнее, а вебмастерам остаётся только успевать за прогрессом и внедрять всё это на сайте, чтобы не отставать от конкурентов.
В этой статье мы расскажем об относительно новом формате изображений — .webp, который стал требованием поисковика Google и был создан им в целях оптимизации скорости загрузки страниц. А также узнаем о плагине WebP Express, настройка которого у многих вызывает вопросы и трудности.
- 1 Что такое формат .webp и в чём его достоинство
- 2 Какие недостатки у .webp
- 3 Настройка плагина WebP Express
Что такое формат .webp и в чём его достоинство
Вначале мы напасли, что .webp — это новый формат. Но на самом деле он был придуман разработчиками из Google ещё в 2010 году и с тех пор постепенно внедряется. Почему новый? Потому что за десять с лишним лет меньше половины сайтов в пространстве Рунета начала применять этот формат и для многих он действительно новый.
Обзор форматов для веб дизайна JPG WEBP PNG И SVG
Здесь есть плюсы для вебмастеров — начав использовать на своём сайте формат картинок .webp вы с большой вероятностью становитесь лучше конкурентов, потому что большое их количество не использует этот формат.
Основное достоинство .webp — это уменьшенный вес изображений без потерь качества. Например, если изображение в формате .jpg может весить 1 мб, то в .webp эта картинка будет лишь несколько килобайт и визуально отличий не будет. Это в значительной степени ускоряет страницу, а скорость загрузки важна для поисковиков.
Таким образом, Google лучше ранжирует страницы, на которых используется современный формат изображений .webp. Также скорость загрузки страницы (но не непосредственно наличие .webp) влияет и на продвижение в Яндексе и других поисковиках.
Какие недостатки у .webp
И недостатки у этого формата тоже есть. На сегодня ещё не все устройства способны работать с этим форматом. Посетители сайтов — люди разные, и некоторые из них будут заходить на страницы с такого старого оборудования, которое не может отображать .webp. Особенно это частая проблема для пространства Рунета.
Второй недостаток — как бы хорош и оптимален не был этот формат, WordPress не позволяет загружать изображения в .webp в медиабиблиотеку. Поэтому конвертировать картинки заранее и загрузить сразу в этом формате на сайте не получится.
Как мы знаем, для того чтобы решать задачи и проблемы в WordPress, есть множество плагинов и нивелировать два этих недостатка тоже можно с помощью плагина — называется WebP Express.
Настройка плагина WebP Express
У WebP Express две основные возможности:
- Он конвертирует изображения из .jpg и .png в .webp прямо на сайте. То есть загружать картинки на сайт можно в привычном формате, а конвертация в нужный формат произойдёт уже на сайте.
- Он по умолчанию показывает посетителям картинки в формате .webp. Но если определяет, что устройство пользователя не способно отобразить это, то подставляет оригинальное изображение в привычном формате .jpg и .png.
Рассмотрим основные настройки, которые нужно выполнить в плагине WebP Express. Для начала его нужно скачать и установить на сайт. Затем откройте его настройки в разделе «Настройки» подразделе «WebP Express» и обратите внимание на опцию «Scope». В ней можно выбрать, какие изображения будут конвертироваться — это могут быть только загруженные изображения, только изображения темы или и те, и другие. Чаще подходит вариант по умолчанию «Upload and theme» — загруженные и изображения темы.
Затем следует посмотреть на опцию «Image types to work on», которая определяет, изображения из какого формата будут конвертироваться в .webp — можно выбрать только .jpg, только .png или и те, и другие. Чаще всего подходит вариант «Both jpegs and pngs» — и те, и другие. Но имейте в виду, что если у вас на сайте есть .png с прозрачным фоном, то после конвертации их в .webp фон прозрачным быть перестанет. В этом случае лучше выбрать «Only jpegs».
Так настроили правила конвертации в WebP Express. Теперь нужно настроить правила перенаправления на старые форматы изображений, если у пользователя не поддерживается новый. Для этого прокрутите страницу настроек в самый низ и включите опцию «Alter HTML». В большинстве случаев настройки ниже можно оставить по умолчанию. Но если вдруг перенаправление не работает, то можно поэкспериментировать с этими настройками — это зависит от ПО на сервере хостинга, поэтому общих рекомендаций дать нельзя (ниже рассмотрим, как узнать, работает плагин или нет).
Теперь следует сохранить изменения, но сделать это нужно обязательно с помощью кнопки «Save settings and force new .htaccess rules», так, чтобы правила перенаправления записались в файл конфигурации .htaccess (когда меняете настройки перенаправления в этом плагине, всегда сохраняйте этой кнопкой).
Последний этап настройки плагина WebP Express — конвертация изображений, которые были загружены на сайт ранее. Для этого нажмите на кнопку «Bulk convert» и дождитесь, пока завершится конвертация. Чем больше изображений, тем больше времени это займёт. Не закрывайте вкладку браузера, пока идёт конвертация. Изображения, которые будут загружены в будущем, будут сразу конвертироваться.
Остальные настройки плагина WebP Express рекомендуется оставить по умолчанию.
И после этого остаётся только проверить, работает ли плагин. Для этого попробуйте скачать со своего сайта изображение и убедитесь, что оно окачивается в формате .webp. Заходить нужно, конечно же, с устройства, которое поддерживает этот формат — с любого современного устройства.
Насколько публикация полезна?
Нажмите на звезду, чтобы оценить!
Средняя оценка 4.6 / 5. Количество оценок: 9
Оценок пока нет. Поставьте оценку первым.
Источник: internet-proryv.com
Save image as Type – легкое сохранение WebP как PNG или JPEG
Оптимизированный под веб графический формат WebP распространяется в интернете быстрее, чем его полноценная поддержка Windows и сторонними вьюверами, из-за чего многие пользователи все еще предпочитают ему более привычные форматы JPEG и PNG . Только вот установка на компьютер отдельного редактора или конвертера ради преобразования WebP в тот же JPEG вряд ли будет рациональным решением.
Есть более простой путь: вместо программы-редактора или конвертера установить браузерное расширение Save image as Type для Chrome или Save webP as PNG or JPEG для Mozilla Firefox .
Оба расширения бесплатны, просты в использовании, причем плагин для браузера Хром даже не имеет настроек. После установки Save image as Type в контекстном меню изображений появится дополнительный одноименный пункт, содержащий три основных подпункта Save as PNG, Save as JPG и Save as WebP.
Отображается он не только в меню WebP , но и в любых других используемых в вебе изображений, то есть вы можете сохранять не только WebP как JPG , но и JPG/PNG/GIF как WebP или PNG/GIF как JPG . Несколько иначе работает расширение Save webP as PNG or JPEG для Firefox.
Оно также добавляет в контекстное меню изображений отдельную опцию загрузки, но при ее выборе скачивание выполняется не сразу.
Клик по ней открывает небольшую панель с меню, в котором можно выбрать формат и качество изображений.
А еще Save webP as PNG or JPEG поддерживается конвертирование в GIF , правда, выполняется оно средствами стороннего ресурса. Расширение имеет множество настроек, но в большинстве случаев они вам не понадобятся. Исключение составляет разве что настройка, отвечающая за сохранение изображений в отдельную папку Save_webP , а не непосредственно в назначенный по умолчанию каталог загрузок Firefox.
Оба расширения доступны в Магазинах браузеров.
Источник: www.white-windows.ru
Webp чем открыть
Скачивая картинки из Интернета, часто попадаются файлы с расширением .webp. При этом в некоторых редакторах, в частности — в Paint.NET и в стандартном графическом редакторе Windows этот файл не открывается. Уведомляя нас о том, что программе не известен его формат. Давайте же разберёмся как открыть webp и что он из себя представляет.
Что за формат webp
Буквы webp в конце имени изображений говорят нам о том, что это расширение способно хранить фото с потерями или без потерь качества. Формат был создан на основе последней версии VP8, использует RIFF в качестве контейнера. Сегодня он принадлежит всемирно известной компании Google. Имеет официальную страницу.
Формат webp кодирует изображения исключительно в 8-bit YUV. И при потере качества это может быть причиной потери некоторых цветов с однопиксельными переходами. Для обхода этого ограничения была организована webp Lossless спецификация (без потери качества). Которая работает в ARGB цветовом пространстве.
Формат появился в качестве более гибкого контейнера для изображений с высоким качеством и небольшим размером файла. Его недостатком является отсутствие поддержки некоторыми популярными программами. Часто имеет название Chrome HTML Document. Расшифровывается расширение как Google Web Pictures.
Как открыть формат webp
Для работы с картинками в webp подойдёт один из профессиональных графических редакторов. Изображений с этим расширением могут открыть любые средства просмотра изображений для Windows, MacOS, Android, Linux и других ОС. С расширением отказываются работать некоторые встроенные в Windows приложения. Для просмотра картинок с webp подойдут:
- Кроссплатформенные программы — XnView, Picasa, DigiKam;
- В Windows — Ashampoo Photo Commander, FastStone Image Viewer, Imagina и др.;
- В Linux — Eye of GNOME, GQview, Kview и др.
Иногда скачанные изображения нам нужно отредактировать, взять элемент на картинке, изменить для своих нужд. В этом случае вы можете воспользоваться такими популярными редакторами:
- Adobe Photoshop — профессиональный, платный;
- GIMP (и сайт на русском языке) — кросплатформенный, совершенно бесплатный редактор;
- А также webp открывается всеми популярными веб-браузерами: Google Chrome, Mozilla Firefox, Opera, Яндекс.Браузер и др.
В целом изображения с расширением webp мало чем отличаются от других графических форматов для пользователей. Если для вас не приемлемо сохранять изображение с этим расширением, вы можете изменить его в графическом редакторе. Или даже онлайн.
Конвертировать webp в jpeg
Процесс открытия webp на компьютере — мы с вами уже разобрали. Рассмотрим, как изменить его, если нам нужно картинку сохранить, например, в JPG или PNG. Средства для просмотра изображений и интернет-браузеры нам в этом не помогут. Но справятся с задачей онлайн-конвертеры.
Если вам нужно переформатировать webp в JPEG (JPG), можно воспользоваться интернет-инструментом по этому адресу. Сайт автоматически перекодирует загруженное нами фото в картинку с популярным расширением JPEG.
- Перейдите на сайт и нажмите на кнопку Выбрать;
- Выберите в проводнике Windows расположение файла с webp;
- Онлайн-сервис автоматически загрузит и переформатирует вашу картинку.
Вам нужно нажать на кнопку Скачать, которая появится сразу же после загрузки файла на сайт.
Он поможет также сделать из картинки с расширением jpeg — изображение webp.
Конвертировать webp в png
При работе с графикой нам часто нужны элементы каких-либо логотипов или других изображений в png с прозрачностью, чтобы наложить их на свою картинку. Но при загрузке подобных изображений из Картинок Google (или других источников) мы получаем webp. Легко поможет исправить положение этот сайт.
Онлайн-конвертер не просто переделает изображение в png, а добавит прозрачность фону, если она была задумана создателем. Сайт работает по тому же принципу, что и предыдущий сервис.
- Вам нужно нажать на кнопку Выберите файл;
- Указать сайту файл с webp, из которого нужно сделать png;
- Нажать на кнопку Начать конвертирование.
После завершения процесса сайт предложит сразу же загрузить файл. Укажите место для загрузки и нажмите на кнопку Ok.
Как открыть webp на телефоне
Чтобы посмотреть файл с расширением webp на мобильном устройстве, обычно не требуется каких-либо дополнительных программ или приложений из Play Market. Встроенное средство просмотра в Android и iOS отлично справляется с данным форматом. Но если вы захотите переконвертировать webp в другие форматы на телефоне, можно воспользоваться XnConvert.
Приложение является компактной утилитой, которая не только изменяет расширения фото, но и упорядочивает вашу галерею. XnConvert даёт возможность открыть webp, изменить его разрешение или быстро отправить в социальные сети или на электронную почту. Возможно, необходимо наложить текст на такое фото? — приложение может сделать и это.
Источник: nezlop.ru