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="Сүрөттү сүрөттөгөн alt текст" 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 файлын басып чыгарса же email менен жөнөтсө болобу?

Болот, бирок алуучунун программасы 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