Руководство по изображениям WebP: как использовать формат WebP с WordPress
Опубликовано: 2022-07-29Мы все любим хороший GIF, но форматы изображений прошли долгий путь с момента появления GIF в 1987 году. Опытные веб-дизайнеры перешли к JPEG, PNG, а теперь и к WebP.
В то время как GIF-файлы наслаждаются второй жизнью в качестве корма для каналов Slack и текстовых сообщений, новый формат WebP начинает захватывать Интернет.
В этом посте мы рассмотрим рост WebP и дадим советы о том, как использовать его для вашего веб-сайта. Вы узнаете:
- Как работает формат
- Преимущества изображений WebP
- Ограничения использования WebP
- Как включить изображения WebP для WordPress
Как работает формат WebP
Первоначально из On2 Technologies, Google разрабатывает WebP как формат изображений с открытым исходным кодом и надеется сделать его новым общепринятым стандартом для веб-изображений.
WebP предлагает улучшенное сжатие изображений. Вы можете уменьшить размер файла без потери качества изображения. WebP уникален тем, что поддерживает сжатие с потерями и без потерь.
Сжатие без потерь позволяет уменьшить размер файла при сохранении исходного качества изображения. Исходные данные не теряются, поэтому вы можете восстановить исходное качество и размер изображения.
Использование сжатия с потерями приводит к еще меньшему размеру файлов. Сжатие с потерями сохраняет только данные, необходимые для отображения изображения в его уменьшенном размере. Вы не сможете увеличить размер и сохранить исходное качество.
Чтобы в полной мере воспользоваться преимуществами WebP, используйте сжатие без потерь для изображений, которые необходимо масштабировать до разных размеров, например фоновых изображений. Используйте сжатие с потерями для изображений с фиксированными размерами. Если вы знаете максимальную ширину избранного изображения или изображения продукта для своего сайта, вы можете сохранить его со сжатием с потерями до этих точных размеров.
Преимущества WebP
Так что же способствует росту WebP? Формат предлагает множество преимуществ, включая простоту использования и производительность. Давайте рассмотрим основные преимущества использования WebP для вашего веб-сайта.
Легко конвертировать существующие изображения
Вы можете конвертировать любые существующие файлы PNG, GIF или JPEG с вашего сайта в файл WebP. Вы не пожертвуете качеством и, как правило, уменьшите размер файла.
Лучшее сжатие
Если вы конвертируете PNG или JPEG в WebP, размер файла WebP будет на 30–50 % меньше исходного. Меньшие изображения должны помочь вашим страницам загружаться быстрее, поэтому мы рекомендуем сжатие изображений как один из лучших способов ускорить работу вашего сайта WooCommerce .
Лучшая производительность сайта
Более быстрая загрузка изображений и страниц повышает удобство работы пользователей. Вы также можете повысить свой рейтинг в поисковых системах, оптимизировав свой сайт для повышения скорости. Поисковые системы делают ставку на скорость загрузки вашего сайта. Сайты с быстрой загрузкой, как правило, ранжируются выше, чем сайты с более медленной загрузкой.
Подача изображений в формате нового поколения, таком как WebP, является одним из наших 12 проверенных способов улучшить ваш показатель Google PageSpeed Insights Score .
Поддержка прозрачности и анимации
Кто не любит анимированные GIF? С WebP вам повезло. WebP поддерживает анимацию и прозрачность.
Широкая поддержка браузеров
Большинство современных браузеров поддерживают WebP. Браузер Safari от Apple был единственным противником, но в прошлом году наконец представил поддержку WebP с Safari 14.
Ограничения WebP
Основным ограничением WebP является обеспечение совместимости всех способов использования изображения. У вас могут возникнуть проблемы, если вы используете данные своего веб-сайта для отправки в кампании по электронной почте или в мобильные приложения.
Обязательно проверьте все места, где будет отображаться изображение, чтобы убедиться, что формат WebP будет работать. Вы также можете предложить две версии изображения. Используйте WebP, когда это разрешено, и резервный JPEG или PNG, если WebP не поддерживается.
Как включить WebP в WordPress
WordPress начал предлагать поддержку WebP с версии 5.8. Если ваш сервер поддерживает WebP, вы сможете загружать и использовать изображения WebP, как и любые другие поддерживаемые типы изображений.
Варианты использования изображений WebP в WordPress включают в себя:
- Ручное преобразование изображений. Используйте онлайн-инструмент, такой как CloudConvert , для преобразования изображений в WebP. Это трудоемкая ручная задача, так как вам придется загрузить файлы в конвертер, а затем загрузить новый файл в свою библиотеку WordPress.
- Плагин оптимизации изображений. Многие плагины для оптимизации изображений уже включают параметры для преобразования и отображения изображений в виде файлов WebP. Проверьте документацию вашего плагина, чтобы узнать, как включить параметры для вашего сайта.
- Веб-плагин. Вместо плагина оптимизации вы также можете использовать специально разработанный плагин, такой как WebP Converter for Media , для автоматического преобразования загруженных изображений в WebP.
Более быстрые сайты с WebP и Pressable
Если вы заинтересованы в WebP, вы, вероятно, хотите, чтобы ваш сайт загружался как можно быстрее. Уменьшение размера файла изображения вдвое с помощью потрясающего сжатия WebP — отличное место для начала. Другой способ обеспечить максимально быструю работу вашего сайта — выбрать правильный хостинг.
В Pressable наши услуги хостинга обеспечивают наилучшую возможную производительность для сайтов WordPress. Наша облачная служба управляемого хостинга упрощает управление вашим сайтом, предлагая 100% безотказную работу и молниеносную скорость. О, а поддержка WebP? У нас есть это покрыто. Наша глобальная сеть CDN также поддерживает WebP, поэтому вы можете воспользоваться всеми преимуществами увеличения скорости от использования этого нового формата изображений.
Чтобы узнать больше о том, как Pressable улучшает работу WordPress, закажите специальную демонстрацию сегодня.
