GIF, JPEG и PNG
Давным-давно в далеком-далеком Интернете не было никакого JPEG. Этот коммерческий формат появился только в 1991 и принёс большую прибыль разработчикам, как и GIF, созданный ещё в 1987. Только в 1996 появилась бесплатная альтернатива в виде PNG и сделала картинки доступными для всех пользователей. Правда пользователи то ли по незнанию, то ли по привычке уже 25 лет жмут изображения в GIF и JPEG.
С 1997 по 2000 годы разрабатывался JPEG2000, но широкого распространения он так и не получил по разным причинам.
PNG, JPEG, GIF – эта тройка форматов сохраняет главные позиции вот уже 25 лет. И вот почему.
GIF – способен хранить сжатые данные без потери качества в формате не более 256 цветов. Позже в формат добавили поддержку анимации, настолько удачно, что до сих пор в мессенджерах наравне с эмодзи используются гифы.
JPEG (читается как «джейпег») – сжимает изображения с потерей качества, но умеет сохранять большое количество цветов. Увы, до сих пор не поддерживает прозрачность. В своё время был самым продвинутым форматом для веба, и именно поэтому большинство фотографий в сети именно в JPEG.
PNG – сжимает фото без потери качества, но в степени сжатия существенно проигрывает JPEG. Формат поддерживает полупрозрачность. В 2008 году был выпущен формат APNG поддерживающий анимацию, но популярность формат так и не набрал.
Эти 3 формата поддерживаются всеми браузерами, даже умным холодильником LG.
WebP, SVG, JPEG-XR – новые форматы в вебе
Постепенно начали появляться и новые форматы, хотя на данный момент они поддерживаются далеко не всеми браузерами. Например, WebP никогда уже не будет поддерживаться в устаревшем Internet Explorer. Про Safari скажем чуть позже.
SVG разрабатывался с 1999 года консорциумом W3C, но только в 2011 году получил второе обновление, которым мы сейчас пользуемся. Так как SVG – это векторная графика, файл в этом формате выглядит качественно и на смартфоне, и на экране ПК. За счёт того, что консорциум занимается технологическими стандартами для веба, этот формат быстро распространился на все существующие веб-браузеры.
JPEG-XR – обновление алгоритма JPEG 2009 года, которое разработали совместно с Майкрософт. Сжимает фотографии лучше и быстрее на 50-75%, чем старый JPEG, но при этом поддерживает разные степени прозрачности и прогрессивное сжатие. Поддерживается только веб-браузером от Майкрософта – Internet Explorer, а для использования требует дорогостоящего лицензирования.
В 2010 году Google представил WebP (для фото) и WebM (для видео). WebP — молодой формат, который поддерживается большинством веб-браузеров. Результаты сжатия WebP без потерь превосходят PNG — сохраняется четкость и прозрачный фон, если он есть. Формат JPEG с потерями в качестве даже рядом не стоит. Так как WebP находится в открытом доступе, он быстро набрал популярность наравне с SVG.
Apple против Google
Хотя Google выкладывает свои разработки в открытом доступе, бесплатно, он – один из конкурентов яблочного гиганта. Поддержка WebP в Safari и Chrome появилась в iOS версии 14.0, которая вышла в сентябре 2020 года.
Apple не поддерживала новый формат, отдавая предпочтение прямому конкуренту JPEG и WebP – алгоритму HEIF от разработчиков кодека MPEG. По этим же принципам телевизор Apple, физически поддерживающий 4К, не может воспроизвести его на Ютубе, потому что для этого нужен кодек от Google.
Но на этом история не заканчивается.
AVIF
AVIF – буквально свежеиспечённый формат, разработанный в 2015 и выпущенный в открытый доступ в 2018 году целым альянсом компаний: AMD, Intel, Apple, Amazon, Google, Microsoft, Mozilla, Nvidia и многих-многих других. Является открытым и бесплатным, хотя в чистом виде его пока редко где можно увидеть. Размер изображения меньше, чем в WebP и JPEG. Несмотря на свои преимущества, поддерживается только Google Chrome и Mozilla Firefox.
Предполагаем, что через 5 лет на него будет массовый переход.
Резюмируя все выше сказанное, если вы еще не установили в свои CMS плагины по конвертации JPEG в WebP, то настало самое время это сделать, так как Tilda и 1C-Bitrix уже добавили к себе поддержку этого формата на уровне ядра системы.