Что такое WebP ?

Что такое WebP ? Плюсы и минусы этого формата изображений. Прямо у нас под носом идет техническая война. Не в виде роботов-скелетов, а в наиболее распространенном формате, в духе Playstation vs Xbox или Betamax vs VHS. В этой войне конкретного формата участвуют все мы, и есть вероятность, что вы видели ее участников, даже не подозревая об этом. Мы говорим о следующем поколении формата веб-изображений, и на данный момент WebP идет впереди. Но это вызывает еще больше вопросов, а именно: «Что такое WebP?» и «что не так с JPEG?»

Благодаря своему владельцу Google формат изображений WebP в последнее время стал горячей темой. Он становится принятым на все большем количестве устройств — к большому огорчению конкурентов — JPEG 2000 и JPEG XR — и скоро станет новым форматом веб-изображений по умолчанию. И, несмотря на все запутанные технические детали, для любого, кто публикует изображения в Интернете, weppy имеет большое значение.

 WebP? Что такое WebP ?

Несмотря на все недавние шумихи, WebP (в просторечии произносится «weppy») на самом деле довольно старый. Впервые о нем было объявлено еще в 2010 году, и с тех пор он обновлялся и улучшался до нынешнего состояния. В последнее время это стало популярной темой, поскольку она вырвалась вперед в войнах форматов изображений следующего поколения: на момент написания этой статьи он поддерживается в Chrome, Microsoft Edge, Firefox, Opera и совсем недавно в Safari.

Чтобы по-настоящему понять, что делает weppy уникальным, сначала нужно понять все форматы файлов изображений и их различия . Но чтобы ускорить процесс в этой статье, мы сразу перейдем к главному коммерческому аргументу WebP — сжатию.

Если вы не знакомы с этим термином, сжатие означает кодирование данных файла в меньшее количество битов или частей цифровых данных, чем в исходном. Существует два основных типа сжатия: без потерь (качество изображения остается неизменным при уменьшении размера данных) и с потерями (качество изображения немного снижается при значительном уменьшении размера данных).

Проще говоря, изображения weppy обычно меньше своих аналогов , но имеют такое же качество благодаря превосходному сжатию. Это означает, что использование изображений WebP для вашего собственного сайта (обычно) заставит его работать быстрее и в то же время уменьшит объем хранилища данных.

Версия JPEG, 562 КБ.

Версия WebP, 416 КБ — это на 25% меньше. Вы видите разницу?

Насколько меньше? Согласно собственным данным Google, сжатие без потерь WebP на 26% меньше, чем PNG, а его сжатие с потерями на 25-34% меньше, чем в JPEG. Для сайтов, на которых используется много изображений, переключение может оказать значительное влияние и сократить время загрузки в миллисекундах, особенно на мобильных устройствах.

Другое главное преимущество weppy- его универсальность — он включает в себя как прозрачность, так и анимацию . Это большое дело, потому что обычно вы не найдете эти функции в одном и том же формате: до WebP вам приходилось использовать PNG для прозрачного фона и GIF для анимации, и ничего не поддерживалось одновременно.

Эта звездная производительность в сочетании с вотумом доверия со стороны Google действительно открывает путь для превращения WebP в новый формат веб-файлов по умолчанию.

Плюсы и минусы WebP. Что такое WebP ?

Каким бы впечатляющим оно ни было, weppy еще не совсем готов быть «единственным». А пока взгляните на плюсы и минусы WebP и посмотрите, подходит ли он вам и вашим потребностям.

Плюсы

• Более быстрое время загрузки — из-за меньшего размера файлов страницы с изображениями WebP загружаются быстрее. Это огромный стимул для удовольствия от сайта: по словам эксперта по созданию сайтов , каждая секунда задержки загрузки снижает удовлетворенность посетителей на 16%, а каждый четвертый посетитель полностью покинет вас, если он не загрузится в течение 4 секунд.
• Меньший объем хранилища мультимедиа — улучшенное сжатие WebP также означает меньше места для хранения. Это очень важно для сайтов, на которых размещено большое количество изображений, и может даже сэкономить вам деньги на вашем веб-хостинге .
• Прозрачность и анимация. Как мы упоминали выше, WebP — единственный формат изображения, который поддерживает прозрачный фон PNG и возможности анимации GIF, не говоря уже о том, что он превосходит сжатие JPEG.

Минусы

• Поддерживается не всеми браузерами. Несмотря на то, что у weppy есть львиная доля браузеров, некоторые все еще не поддерживают его (Internet Explorer медленно принимает его, что является брендом для Internet Explorer). Существует обходной путь, который включает в себя создание резервного изображения в HTML , но создание целого другого файла в качестве резервной копии иногда сводит на нет все дополнительное пространство для хранения, которое вы сохраняете с помощью WebP в первую очередь.
• Качество по-прежнему снижается — это не столько недостаток WebP, сколько недостаток сжатия с потерями, качество вашего изображения все равно снижается. Для большинства людей эта сумма ничтожна, но для визуальных сайтов, таких как фотографии или портфолио графического дизайна, вам нужно максимальное качество изображения.

Мягкий переплет. Термобиндер.

Как вы конвертируете в формат изображений WebP? Что такое WebP ?

Если вы уже продаете файлы меньшего размера, естественно, вам понадобится конвертер изображений WebP для изменения всех ваших изображений. Многие программы поддерживают WebP, поэтому вы можете создавать их прямо из источника (Adobe Photoshop и Sketch, чтобы назвать несколько), но если у вас есть уже существующие изображения или они поступают из места, которое не поддерживает WebP, вам понадобится конвертер изображений.

Есть из чего выбрать, и на самом деле большинство из них преуспевают в основной задаче преобразования файла в WebP. Один из примеров — XnConvert .

XnConvert работает для Windows, Mac и Linux. Это также бесплатно для личного использования, хотя вам необходимо купить лицензию для использования компанией. Помимо WebP, он поддерживает JPEG, JPEG 2000, PNG, TIFF, GIF, OpenEXR, необработанные данные камеры и сотни других. Также есть много других функций: пакетное преобразование, вращение, добавление водяных знаков, добавление текста и корректировки светлого изображения, такие как настройка теней и яркости.

Конечно, вы всегда можете выбрать еще более простой вариант, если вы просто хотите преобразовать несколько изображений. Ezgif — это бесплатный онлайн-конвертер WebP, рабочие слова доступны бесплатно и онлайн . Вы не найдете более продвинутых функций XnConvert, но если вас беспокоят скорость и удобство, он вам поможет.