WebP дегеніміз не? Google сурет форматына толық нұсқаулық

WebP веб-беттердегі суреттерді кішірейту үшін Google әзірлеген сурет форматы. Ол JPG сияқты шығынмен фото қысуды, PNG сияқты шығынсыз қысу мен мөлдірлікті және GIF сияқты анимацияны бір файл түрінде біріктіреді. Барлық қазіргі браузерлер WebP-ті көрсетеді, бірақ жүктеп алған WebP файлының ескі бағдарламаларда ашылмауы әлі де жиі кездесетін қолайсыздық. Бұл мақалада WebP-тің қалай жұмыс істейтіні, шын мәнінде қанша үнемдейтіні және оны түрлендіргенде нені ескеру керегі қарастырылады.

WebP-тің қысқаша тарихы

Google WebP-ті Chromium блогында 2010 жылғы 30 қыркүйекте жариялады. Алғашқы нұсқа тек шығынмен қысуды ұсынды және VP8 бейнекодегінің кадр ішіндегі кодтауына негізделді. Келесі жылдары формат дамыды: Google-дың WebP FAQ бетінде шығынсыз қысу мен мөлдірлік Chrome 23-тен, ал анимация Chrome 32-ден бастап қолдау табатыны көрсетілген. Ұзақ уақыт WebP тек Google-дың өз құжаттамасымен анықталды; 2024 жылдың қарашасында оны IETF Google инженерлері Дж. Зерн, П. Массимино және Ю. Алакуйяла жазған ақпараттық құжат RFC 9649 ретінде жариялады, ол image/webp медиа түрін де тіркеді.

WebP қалай жұмыс істейді

RIFF контейнері

RFC 9649 бойынша WebP RIFF (Resource Interchange File Format) негізінде құрылған. Файл RIFF тақырыбы мен WEBP қолтаңбасынан басталады, ал сурет деректері блоктарда (chunks) сақталады. Бұл құрылым бір форматқа әр түрлі қысу түрлері мен қосымша деректерді қатар сақтауға мүмкіндік береді.

Шығынмен WebP (VP8)

Шығынмен WebP суретті VP8 кадр ішіндегі кодтауын қолданып VP8 блогында сақтайды. JPEG сияқты ол блоктармен жұмыс істейді, бірақ әр блокты көрші пиксельдерден болжап, тек сол болжамнан айырманы кодтайды; осы болжамды кодтау оның JPEG-тен артықшылығының басты көзі. Google FAQ бойынша шығынмен WebP 8 биттік, 4:2:0 түс субдискретизациясымен (YUV420) жұмыс істейді, сондықтан JPEG-тің кең таралған баптауындағыдай түс жарты ажыратымдылықта сақталады.

Шығынсыз WebP (VP8L)

Шығынсыз режим мүлде басқа бит ағынын, VP8L-ді қолданады. RFC 9649 оны LZ77, префикстік кодтау және түс кэшін біріктіретін әдіс деп сипаттайды; түс арналарын бір-бірінен болжау сияқты түрлендірулермен бірге ол PNG-ден жақсы қысады. Ол әр арнаға 8 биттік ARGB деректерімен жұмыс істейді.

Мөлдірлік және анимация

Шығынсыз WebP альфа арнасын тікелей қамтиды. Шығынмен WebP-те мөлдірлік бөлек ALPH блогында сақталады, сондықтан фото бөлігі шығынмен болғанда да жиектер толық мөлдірлікті сақтайды. Анимация ANIM және ANMF блоктарын қолданады, олар әр кадрдың орнын, миллисекундпен ұзақтығын, араластыру және тазалау әдісін белгілейді. GIF-тен айырмашылығы, кадрлар 256 түспен шектелмейді.

Шектеулер

Google FAQ WebP суретінің ең үлкен өлшемін 16383 x 16383 пиксель деп көрсетеді. WebP JPEG не PNG мағынасындағы прогрессивті не кезектестірілген көрсетуді ұсынбайды. Оның түс тереңдігі 8 битпен шектелген, сондықтан HDR суреттеріне жарамайды; бұл жерде AVIF ерекшеленеді.

WebP шын мәнінде қаншалықты кіші?

Google-дың өз өлшемдері бойынша шығынмен WebP суреттері баламалы SSIM сапа индексінде ұқсас JPEG суреттерінен 25-34% кіші, ал шығынсыз WebP суреттері PNG-ден 26% кіші. Google-дың сол бетінде шығынсыз WebP мөлдірлікті небәрі 22% қосымша байт есебінен қолдайтыны айтылған. Бұл Google тест жиындарындағы орташа мәндер; өз суреттеріңіздегі ұтыс көбірек не азырақ болуы мүмкін.

Нақты веб деректері де осыған ұқсас: HTTP Archive Web Almanac 2024 мобильдегі WebP суретінің медианасын пиксельге 1,3 бит деп көрсетеді, ал JPEG-те бұл 2,0, PNG-де 3,8.

Браузер мен бағдарламалардың қолдауы

Can I use мәліметі бойынша WebP-ті толық қолдайтын браузерлер жаһандық қолданыстың 97,18%-ын құрайды (2026 жылғы қазан). Толық қолдау Chrome 32, Firefox 65, Edge 18 және Safari 16-дан басталады, ал Safari 14 және 15 ішінара қолдау береді. MDN macOS жүйесінде Safari WebP-ті көрсету үшін 14 не одан кейінгі нұсқа мен macOS Big Sur (11) не одан жаңа жүйе керек екенін атап өтеді.

Қолданылуы тез өсіп келеді, бірақ JPEG не PNG деңгейіне жеткен жоқ. W3Techs-тің 2026 жылғы қазандағы деректері WebP-тің ол бақылайтын сайттардың 22,7%-ында қолданылатынын көрсетеді. Web Almanac 2024 бойынша мобильді беттердегі суреттердің 12%-ы WebP, және бұл үлес 2022-2024 жылдар аралығында шамамен үш пайыздық тармаққа өсті.

Сайтта WebP-ті қалай беруге болады

Барлық қазіргі браузерлер WebP-ті көрсететіндіктен, сайттардың көбіне суретті тікелей .webp ретінде қолдану жеткілікті. Өте ескі браузерлерді де қолдау керек болса, HTML <picture> элементі WebP-ті бірінші, ал одан кейін JPG баламасын көрсетуге мүмкіндік береді. Браузер өзі түсінетін бірінші көзді таңдайды:

<picture>
  <source srcset="photo.webp" type="image/webp">
  <img src="photo.jpg" alt="Descriptive alt text" width="1200" height="800">
</picture>

Кейбір серверлер мен контент жеткізу желілері браузер жіберетін Accept тақырыбына қарай бір URL-ден WebP не JPG қайтарады. Бұл ыңғайлы, бірақ адамдардың «Суретті басқаша сақтау» таңдағанда күтпеген WebP файлына тап болуының басты себебі де осы.

Жиі кездесетін мәселелер

Жүктеп алған WebP ашылмайды

Көптеген сайттар браузер қолдаса, суреттерді автоматты түрде WebP ретінде береді. «Суретті басқаша сақтау» таңдағанда сізде .webp файлы қалады, ал ескі қарау құралдары, кейбір кеңсе бағдарламалары, баспа қызметтері және тек JPG не PNG қабылдайтын жүктеу формалары оны аша алмайды. Ең практикалық шешім файлды JPG не PNG-ге түрлендіру.

Анимациялы WebP түрлендіруден кейін қозғалмай қалды

JPG пен PNG анимация тасымалдамайды. Анимациялы WebP осы форматтардың біріне түрлендірілгенде тек бір кадр қалады.

Мөлдірлік жоғалды

Мөлдір WebP-ті JPG-ге түрлендіргенде мөлдір аймақтар тұтас түспен толтырылады. Мөлдірлікті сақтау керек болса, PNG-ге түрлендіріңіз.

WebP файлы күтілгеннен үлкен

Онсыз да жақсы қысылған JPG-ді WebP-ке түрлендіру әрдайым көп үнемдей бермейді, ал қайта кодтау сапаның шамалы жоғалуын да қосады. Шығынсыз WebP таңдалған болса, файл тіпті бастапқысынан да үлкен болуы мүмкін.

WebP түрлендіру бойынша кеңестер

• WebP-ті кез келген жерде ашу үшін: фотосуреттерді WebP-тен JPG-ге, ал мөлдір суреттер мен анық графиканы WebP-тен PNG-ге түрлендіріңіз. Анимациялы WebP файлдарында тек бірінші кадр түрлендіріледі.
• Сайтыңыздың суреттерін кішірейту үшін: біздің JPG-ден WebP-ке және PNG-ден WebP-ке түрлендіргіштер әдепкі бойынша 80 сапаны қолданады. Фотосуреттердің көбінде бұл байқауы қиын шығынмен айқын өлшем үнемдеуін береді.
• Логотиптер мен скриншоттар үшін «Шығынсыз WebP» құсбелгісін қойыңыз. Әр пиксель дәл сақталады және мөлдірлік қалады, бірақ файл шығынмен режимдегіден үлкен болады, тіпті бастапқысынан да асып кетуі мүмкін.
• Бірнеше форматты бірден түрлендіру үшін сурет түрлендіргішін қолданыңыз; бір рет 50 файлға дейін қосып, нәтижелерді ZIP ретінде жүктеп алуға болады.
• Бұл түрлендірулер браузеріңізде орындалады, сондықтан файлдарыңыз құрылғыңыздан ешқашан шықпайды. EXIF және орын деректері нәтижеге жазылмайды.

Жиі қойылатын сұрақтар

WebP шығынмен бе, әлде шығынсыз ба?

Екеуі де. WebP-те екі бөлек қысу режимі бар: шығынмен (VP8) және шығынсыз (VP8L). Файл кеңейтімі бірдей; қай режим қолданылғаны файл ішіндегі блокта сақталады.

WebP Safari-де және iPhone-да ашыла ма?

Иә. Safari-дің қазіргі нұсқалары WebP-ті толық қолдайды. Can I use мәліметі бойынша Safari 14 және 15-те қолдау ішінара болды, ал толық қолдау Safari 16-мен келді.

WebP JPG-ден сапалырақ па?

Форматтың өзі «сапалырақ» болмайды; WebP әдетте бірдей файл өлшемінде жақсырақ сурет немесе бірдей сурет сапасында кішірек файл береді. Google өлшемдерінде бұл айырма баламалы сапада 25-34%.

WebP қолдану керек пе, әлде AVIF пе?

AVIF фотосуреттер үшін әдетте кішірек файл береді және HDR-ді қолдайды, бірақ кодтауы баяуырақ және ескі құрылғылардағы қолдауы жаңарақ. WebP тез кодталады және оның қолдауы әріден басталады. Сайттарда кең тараған тәсіл: екеуін де <picture> элементі арқылы ұсынып, JPG-ді балама ретінде қалдыру.

WebP суреттері SEO-ға әсер ете ме?

WebP-тің өзі рейтинг факторы емес, бірақ кішірек суреттер беттердің тезірек жүктелуіне көмектеседі. Маңыздысы суретті дұрыс өлшемде, сипаттамалы alt мәтінімен және жылдам беру.

WebP файлын басып шығаруға не поштамен жіберуге бола ма?

Болады, бірақ алушының бағдарламасы WebP-ті ашпауы мүмкін, ал баспа қызметтері мен кейбір корпоративтік жүктеу формалары көбінесе тек JPG, PNG не PDF қабылдайды. Бөліспес бұрын фотосуреттерді JPG-ге, ал мөлдір суреттерді PNG-ге түрлендіру файлдың барлық жерде ашылуын қамтамасыз етеді.

Дереккөздер

• RFC 9649: WebP Image Format
• Google for Developers: An image format for the Web
• Google for Developers: WebP Frequently Asked Questions
• Google for Developers: WebP Compression Study
• Chromium Blog: WebP, a new image format for the Web (30 қыркүйек 2010)
• Can I use: WebP image format
• MDN: Image file type and format guide
• W3Techs: Usage statistics of image file formats for websites
• HTTP Archive Web Almanac 2024: Media