Доброго времени суток друзья. Совсем недавно обнаружил, что у меня не получается сохранять картинки из браузера правой кнопкой мыши в стандартных графических форматах (JPG, PNG), но при этом происходит сохранение изображений в неизвестном для меня формате WebP . Ну ладно, файл я скачал, а теперь вопрос, как открыть WebP ?. В какой программе? Вот об этом мы сегодня и поговорим.
Что такое WebP?
Как гласит одна мудрая википедия:
WebP (произносится как англ. Weppy “Веппи”) - новый формат сжатия графических изображений с потерями и без потерь качества исходного файла.
Зачем нам что-то новое, когда есть старые и знакомые всем JPG и PNG? Как уверяют разработчики (а это не есть кто, а сама компания Google Inc), большинство современных изображений используются в Интернете боле десяти лет и основаны на технологиях прошлого века. Вот он как получается…
Сейчас же, технологии намного шагнули вперед, и надо что-то менять. И вот, инженеры Google решили проверить: нет ли возможности увеличить степень сжатия графических форматов (тем самым, позволив картинкам загружаться еще быстрее) еще больше при сохранении существующего визуального качества..
В итоге работы над проектом, родился новый формат графических изображений — WebP . Как уверяют разработчики проекта, новый формат существенно уменьшает размер изображения в сети, позволяя сайтам загружаться еще быстрее. А как известно, чем быстрее загружается сайт, тем лучше к нему отношение со стороны поисковых систем ну и конечно же, со стороны пользователей.
Вот поэтому, очень скоро я поделюсь с вами секретной информацией:-), как я ускорил свой блог (работы по ускорению еще продолжаться). Вы узнаете несколько способов оптимизации загрузки сайта, поэтом , что не пропустить эту статью. Новую статью вам анонсировал, и настало время узнать, как и чем же открыть файл webP ?
Чем открыть файл формата WebP?
Вы скачали из интернета фаил webp и он уже на вашем компьютере? Из вышесказанного вы теперь знаете, что это графический формат изображения и открывать его мы будем через стандартный просмоторщик Windows.
Для того чтобы реализовать данную возможность, нужно установить дополнительный плагин в операционную систему. Все дальнейшие действия опробованы лично мной на ОС Windows 7 64-bit. Но как уверяют разработчики плагина, должно получиться открыть webp и на Windows XP (SP3), а также Windows Vista.
1 Переходим на и скачиваем плагин для открытия webp по следующей ссылке, которая показана на скриншоте. Пролистаем страничку немножко вниз и кликаем по следующей ссылке, чтобы скачать дополнение на свой компьютер
2 После того как плагин скачается, нужно двойным кликом запускаем процесс установки. Откроется следующее диалоговое окно, где нужно нажать «Next»
4 В открывшемся диалоговом окне нажимаем пункт «Typical»
5 И в завершающем окне нажимаем кнопку «Install» чтобы запусить установку плагина
После того как установить завершения установки вам предложат перейти в директорию, где будут лежать два графических файла — один в формате JPEG, а другой в формате WEBP.
Кликайте по ним и радуйтесь, теперь вы легко и просто можете просматривать файлы webp в стандартном просмоторщике Windows.
На этом у меня все. Надеюсь, сегодняшний небольшой урок окажется для вас полезным.
P.S. На днях ходил снова на почту, в это раз за зимним комбинезоном Oldos для своей маленькой дочки Лизы, который был заказан в интернет-магазине . Заказ пришел достаточно быстро. Комбинезон просто супер. Обязательно потом сфоткаю и покажу.
Также, скоро должны придти два гидрометра (определяют влажность воздуха) с Китая. Повешу в комнате, чтобы следить за микроклиматом, а то увлажнитель воздуха есть, но он не совсем корректно (я так думаю) показывает влажность в помещении.
На блоге был оставлен юбилейный 500 комментарий Николаем (). За это Николай получает небольшой приз в размере 50 рублей на свой электронный кошелек.
- Расширение (формат) - это символы в конце файла после последней точки.- Компьютер определяет тип файла именно по расширению.
- По умолчанию Windows не показывает расширения имен файлов.
- В имени файла и расширении нельзя использовать некоторые символы.
- Не все форматы имеют отношение к одной и той же программе.
- Ниже находятся все программы с помощью которых можно открыть файл WEBP.
XnView - довольно мощная программа, сочетающая в себе множество функций по работе с изображениями. Это может быть и простой просмотр файлов, и их конвертирование, и незначительная обработка. Является кроссплатформенной, что позволяет использовать её практически в любой системе. Программа уникальна ещё и тем, что поддерживает около 400 различных форматов изображений, среди которых встречаются как самые используемые и популярные, так и нестандартные форматы. XnView может производить пакетную конвертацию изображений. Правда, сконвертировать их можно только в 50 форматов, но среди этих 50 форматов присутствуют все популярные расшир...
Chasys Draw IES - многофункциональный редактор, включающий ряд таких утилит, как графический редактор, утилиту для просмотра изображений и фото, модуль для пакетного преобразования графики и модуль по конвертации цифровых фотографий в RAW-формат. В главном окне приложения можно персонализировать рабочий лист, выбрав тип проекта, который необходимо создать. Приложение позволяет осуществлять такие сложные манипуляции с изображениями, как создание композиция для печати, анимация для веб-ресурсов, изображение для компакт-диска, DVD. Программа позволяет сканировать изображение при наличии нужного оборудования. Помимо такого набора...
XnConvert – полезная утилита для конвертирования и первичной обработки фотографий и изображений. Работает с 400+ форматами. Поддерживает все популярные графические форматы. С помощью простых инструментов XnConvert можно регулировать яркость, гамму и контрастность. В приложении можно менять размер фотографий, накладывать фильтры и ряд популярных эффектов. Пользователь может добавлять водяные знаки и заниматься ретушью. При помощи приложения можно удалять мета-данные, обрезать файлы и вращать их. XnConvert поддерживает журнал, в котором пользователь увидит всю подробную информацию о своих недавних манипуляциях с изображениями.
IrfanView – бесплатный просмотрщик графических файлов, отличительными чертами которого является малый размер и функциональность. IrfanView поддерживает большое количество форматов, обладает понятным интерфейсом и необходимым набором функций. Так, с её помощью можно не только просматривать изображения, но и поворачивать их под любым углом, заниматься небольшим исправлением цветов, убирать эффект красных глаз с фотографий и т.п. Также, с помощью IrfanView можно делать скриншоты (как всего экрана, так и отдельных областей), выдирать значки и иконки из различных файлов, переименовывать файлы по заранее заданному шаблону, а...
Honeyview - простая и красивая программа для просмотра фотографий. Поддерживает все популярные форматы изображений и фотографий, при этом и те что «необработанные». Также присутствует удобный интерфейс, где можно просматривать фотографию на весь экран, либо параллельно две фотографии, что очень удобно, если нужно выбрать лучшую. Можно сразу сохранять любимые фотографии в отдельную папку. Если в фотографии присутствую данные о место положение, тогда программа откроет Google Maps, где будет возможно увидеть место где сделана фотография. С помощью горячих клавиш программа откроет в проводнике Windows, фотографию которая открыта в...
FileOptimizer – удобное приложение для сжатия файлов, созданное одной из независимых команд программистов. Данное приложение отличается улучшенными алгоритмами сжатия и высокой скоростью работы. Программа позволяет сжимать файлы практически всех типов, включая архивы, текстовые форматы, форматы изображений и т.п. Также, данная программа может работать со скриптами, а также через командную строку, что будет особенно полезно опытным пользователям. Для начинающих пользователей же, всё очень просто. Программа интегрируется в контекстное меню, что позволяет очень быстро сжимать файлы, находящиеся на любом диске и в любой папке.
Picasa – программа для просмотра изображений и их сортировки, отличающаяся обилием различных функций и удобным интерфейсом. Данную программу совсем недавно купила Google, а потому в ней появилась интеграция с сервисами этой компании. Сама программа способна просканировать все диски и вывести все найденные фотографии и картинки. Сначала некоторым пользователям может показаться неудобным, что программа сортирует их в порядке создания, однако если вы создадите несколько альбомов и разобьёте эти картинки по темам, то поиск нужного изображения станет намного проще. Кроме простого сканирования изображений, программа умеет за...
— это формат изображения, разработанный Google в 2010 году. Он был создан как альтернатива форматам PNG и JPG. С помощью WebP можно создавать изображения гораздо меньших размеров, чем традиционные форматы JPG и PNG без ухудшения качества картинки.
Зачем нужен WebP?
WebP — очень полезный формат изображений, поскольку он предлагает как оптимизацию производительности, так и богатый функционал. В отличие от других форматов, WebP поддерживает сжатие как потерями, так и без потерь, а также прозрачность и анимацию.
WebP | PNG | JPG | GIF | |
Сжатие с потерями | + | + | + | — |
Сжатие без потерь | + | + | + | + |
Прозрачность | + | + | — | + |
Анимация | + | — | — | + |
Даже с этим богатым функционалом формат WebP обеспечивает значительно меньшие размеры файлов, чем его альтернативы. В сравнительном изучении этих форматов изображений было обнаружено, что сжатые изображения с потерями качества WebP были в среднем на 30% меньше, чем JPG, а изображения без потерь WebP были в среднем на 25% меньше, чем PNG.
Как преобразовать изображения в WebP
Уже существует несколько инструментов для удобной конвертации JPG, PNG и других форматов файлов в WebP.
Онлайн-конвертеры в WebP
- Squoosh — инструмент для преобразования и сравнения форматов изображений от Google
- Online-Convert.com — онлайн-конвертер
Инструменты командной строки для WebP
Хотя это довольно много, этого недостаточно для того, чтобы не делать фолбэк для неподдерживаемых браузеров. Иначе все-таки часть юзеров не увидит изображение.
Резервные копии изображений можно создать с помощью элемента
Чтобы предоставить альтернативный источник изображения, мы используем
- type: MIME тип файла источника;
- srcset: Путь к файлу изображения. Для вывода одного изображения разных размеров можно использовать несколько файлов (см. )
- sizes: Список размеров каждого исходного файла (см. Статью выше)
- media: Медиа-запрос для определения, какой из источников будет использоваться для вывода картинки.
В дополнение к элементам