{"id":6925,"date":"2021-06-07T20:41:25","date_gmt":"2021-06-07T17:41:25","guid":{"rendered":"https:\/\/www.hosting.com.tr\/blog\/?p=6925"},"modified":"2024-01-22T16:07:27","modified_gmt":"2024-01-22T13:07:27","slug":"webp-vs-avif","status":"publish","type":"post","link":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/","title":{"rendered":"WEBP vs. AVIF: H\u0131zl\u0131 A\u00e7\u0131lan Web Siteleri Hangisini Kullanmal\u0131? Destekleyen Taray\u0131c\u0131lar"},"content":{"rendered":"\n<p>Web i\u00e7in <strong>en pop\u00fcler resim dosyas\u0131 formatlar\u0131n\u0131n <\/strong>JPG ve PNG oldu\u011funu s\u00f6yleyebiliriz. Birka\u00e7 y\u0131l \u00f6nce, Google taraf\u0131ndan geli\u015ftirilen ve ayn\u0131 g\u00f6r\u00fcnt\u00fc kalitesini koruyarak JPG&#8217;den %30 daha k\u00fc\u00e7\u00fck g\u00f6r\u00fcnt\u00fcler sunan WebP sahneye \u00e7\u0131ksa da, art\u0131k AVIF, JPG&#8217;den %50 daha k\u00fc\u00e7\u00fck g\u00f6r\u00fcnt\u00fcler vaat ediyor ve ayn\u0131 g\u00f6r\u00fcnt\u00fc kalitesini koruyor.<\/p>\n\n\n\n<p>Peki bu AVIF tam olarak nedir? WEBP\u2019den daha m\u0131 iyidir?&nbsp;<\/p>\n\n\n\n<p>Ad\u0131m ad\u0131m bu konunun detaylar\u0131na e\u011filelim:<\/p>\n\n\n\n<h2 id=\"avif-nedir\" class=\"wp-block-heading\">AVIF Nedir?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/avif-nedir.png\" alt=\"AVIF Nedir?\" class=\"wp-image-6927\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/avif-nedir.png 750w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/avif-nedir-300x120.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p><strong>AV1 Image Format<\/strong> veya <strong>AVIF<\/strong>, d\u00fcnyadaki en son g\u00f6r\u00fcnt\u00fc codec bile\u015fenidir. AVIF g\u00f6r\u00fcnt\u00fcleri tipik olarak e\u015fde\u011fer kabul edilebilir kalitedeki JPEG web dosyas\u0131ndan yakla\u015f\u0131k %50 daha k\u00fc\u00e7\u00fckt\u00fcr ve neredeyse alg\u0131lanamaz bir ayr\u0131nt\u0131 kayb\u0131yla \u00e7ok daha fazla tasarruf sa\u011flayabilir. <strong>AVIF dosya uzant\u0131s\u0131, <\/strong>.avif\u2019tir.<\/p>\n\n\n\n<p><strong>Alliance for Open Media<\/strong> (AOM) taraf\u0131ndan geli\u015ftirilen AVIF, mevcut g\u00f6r\u00fcnt\u00fc formatlar\u0131na k\u0131yasla daha iyi s\u0131k\u0131\u015ft\u0131rma verimlili\u011fi ve daha fazla \u00f6zellik deste\u011fi ile telifsiz g\u00f6r\u00fcnt\u00fcler sa\u011flamak amac\u0131yla AVIF\u2019i geli\u015ftirmi\u015ftir.<\/p>\n\n\n\n<p>AVIF\u2019in Google, Netflix ve Apple gibi b\u00fcy\u00fck \u015firketlerden taraf\u0131ndan da desteklenir.<\/p>\n\n\n\n<p>AVIF, y\u00fcksek dinamik aral\u0131kl\u0131 g\u00f6r\u00fcnt\u00fcleme ile uyumludur. Tam \u00e7\u00f6z\u00fcn\u00fcrl\u00fckte 10- ve 12 bit rengi destekler, bu da bilinen di\u011fer formatlardan (WebP, JPEG-XR, JPEG2000, PNG ve GIF) 10 kata kadar daha k\u00fc\u00e7\u00fck g\u00f6r\u00fcnt\u00fcler sa\u011flar.<\/p>\n\n\n\n<p>AVIF, web geli\u015ftiricileri i\u00e7in iyi bir se\u00e7imdir.<\/p>\n\n\n\n<p>Neden mi?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Telif hakk\u0131 \u00fccretsizdir, bu nedenle lisans konusunda endi\u015felenmeden \u00fccretsiz olarak kullanabilirsiniz.&nbsp;<\/li><li>\u015eu anda Google, Amazon, Netflix, Microsoft vb. b\u00fcy\u00fck \u015firketler taraf\u0131ndan desteklenmektedir.<\/li><li>En uygun s\u0131k\u0131\u015ft\u0131rmaya sahiptir.<\/li><\/ul>\n\n\n\n<h2 id=\"avifin-avantajlari-nelerdir\" class=\"wp-block-heading\">AVIF\u2019in Avantajlar\u0131 Nelerdir?<\/h2>\n\n\n\n<p>AVIF format\u0131ndaki ilk g\u00f6r\u00fcnt\u00fcler \u015eubat 2018&#8217;de Netflix taraf\u0131ndan yay\u0131nland\u0131 ve o zamandan beri daha fazla uygulama ve \u015firket olduk\u00e7a yava\u015f da olsa AVIF\u2019e destek oluyor. Art\u0131k AVIF deste\u011fini, Google Chrome, VLC veya GIMP\u2019de de bulabilirsiniz.<\/p>\n\n\n\n<p>Peki<strong> AVIF\u2019in avantajlar\u0131 <\/strong>nelerdir? A\u015fa\u011f\u0131da sizin i\u00e7in listeledik:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>HDR, \u015feffafl\u0131k ve geni\u015f renk gam\u0131n\u0131 destekler.<\/li><li>M\u00fcmk\u00fcn olan en y\u00fcksek kay\u0131ps\u0131z ve kay\u0131pl\u0131 s\u0131k\u0131\u015ft\u0131rmay\u0131 sa\u011flar.<\/li><li>Geli\u015ftiricilerin yasal veya finansal engellerle u\u011fra\u015fmas\u0131 gerekmez.<\/li><li>Arkas\u0131nda Amazon, Google, Apple, Intel ve Samsung gibi \u015firketler bulundu\u011fu i\u00e7in kaynak s\u0131k\u0131nt\u0131s\u0131 yoktur.<\/li><\/ul>\n\n\n\n<h2 id=\"avif-neden-diger-sikistirma-kodeklerinden-daha-iyidir\" class=\"wp-block-heading\">AVIF Neden Di\u011fer S\u0131k\u0131\u015ft\u0131rma Kodeklerinden Daha \u0130yidir?<\/h2>\n\n\n\n<p>AVIF&#8217;i potansiyel olarak rakiplerinden daha iyi yapan \u00f6zelliklerden baz\u0131lar\u0131 a\u015fa\u011f\u0131daki gibidir:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>AVIF, daha iyi ve daha parlak g\u00f6r\u00fcnt\u00fcler sa\u011flayan High Dynamic Range&#8217;yi (HDR) destekler.<\/li><li>AVIF hem kay\u0131ps\u0131z hem de kay\u0131pl\u0131 ayr\u0131\u015ft\u0131rmay\u0131 destekler.<\/li><li>AVIF, g\u00f6r\u00fcnt\u00fclere daha zengin bir dokunu\u015f sa\u011flayan bir alfa kanal\u0131 (renk alt \u00f6rneklemeye bak\u0131n) i\u00e7erir.<\/li><li>AVIF, 8, 10 ve 12 bit renk derinli\u011fi sa\u011flar.<\/li><li>AVIF 4:2:0, 4:2:2 ve 4:4:4 renk alt \u00f6rneklemesini ve daha fazlas\u0131n\u0131 destekler<\/li><li>AVIF, telifsiz formatta en y\u00fcksek s\u0131k\u0131\u015ft\u0131rmay\u0131 sa\u011flar.<\/li><\/ul>\n\n\n\n<p>Bu avantajlarla birlikte tek bir dezavantaj\u0131 vard\u0131r ki o da piyasada bulunabilirli\u011fidir. AVIF olduk\u00e7a yeni bir g\u00f6r\u00fcnt\u00fc format\u0131d\u0131r. AVIF, d\u00fcnya \u00e7ap\u0131nda pek \u00e7ok \u00f6vg\u00fc almas\u0131na ra\u011fmen, taray\u0131c\u0131 deste\u011finden hala yoksundur. Taray\u0131c\u0131lar, g\u00fcnl\u00fck hayatta g\u00f6rd\u00fc\u011f\u00fcm\u00fcz \u00e7o\u011fu g\u00f6r\u00fcnt\u00fc i\u00e7in birincil ortamd\u0131r. Bu nedenle taray\u0131c\u0131 uyumlulu\u011fu \u00e7ok \u00f6nemlidir.<\/p>\n\n\n\n<h2 id=\"hangi-tarayicilar-avif-formatini-destekler\" class=\"wp-block-heading\">Hangi Taray\u0131c\u0131lar AVIF Format\u0131n\u0131 Destekler?<\/h2>\n\n\n\n<p>AVIF&#8217;i tam olarak destekleyen ilk taray\u0131c\u0131 Chrome 85\u2019tir. Masa\u00fcst\u00fcnde Chrome&#8217;nin en son s\u00fcr\u00fcm\u00fcnde desteklenir, ancak hen\u00fcz Android, Firefox veya Internet Explorer da desteklenmez. \u015eu an Microsoft Windows 10 da, &#8220;19H1&#8221; g\u00fcncellemelerinde AVIF&#8217;e destek eklemi\u015ftir. Mac&#8217;te Safari 14&#8217;te uygulanmas\u0131 planlanm\u0131\u015f olsa da, yaplan testlerde AVIF hala Safari\u2019de \u00e7al\u0131\u015fmamaktad\u0131r.<\/p>\n\n\n\n<p>AVIF, yak\u0131nda d\u00fcnyan\u0131n fiili g\u00f6r\u00fcnt\u00fc format\u0131 olacak bir oyun de\u011fi\u015ftiricidir. Potansiyel \u00f6zellikleri nedeniyle, yak\u0131nda t\u00fcm platformlarda tam destek kazanmas\u0131 muhtemeldir.<\/p>\n\n\n\n<p>AVIF yeni, modern ve son teknoloji cihazlarda kullan\u0131lmak \u00fczere geli\u015ftirildi\u011fi i\u00e7in hen\u00fcz t\u00fcm taray\u0131c\u0131larda desteklenmemektedir. A\u015fa\u011f\u0131daki g\u00f6rselde hangi taray\u0131c\u0131n\u0131n AVIF format\u0131n\u0131 destekledi\u011fini g\u00f6rebilirsiniz.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"458\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/avif-destekleyen-tarayicilar.png\" alt=\"Hangi Taray\u0131c\u0131lar AVIF Format\u0131n\u0131 Destekler?\" class=\"wp-image-6934\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/avif-destekleyen-tarayicilar.png 1000w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/avif-destekleyen-tarayicilar-300x137.png 300w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/avif-destekleyen-tarayicilar-768x352.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Google Chrome 85 versiyonu ile birlikte AVIF format\u0131n\u0131 desteklemeye ba\u015flad\u0131. <\/li><li>Internet Explorer AVIF format\u0131n\u0131 desteklemiyor.<\/li><li>Microsoft Edge AVIF format\u0131n\u0131 desteklemiyor.<\/li><li>Mozilla Firefox taray\u0131c\u0131s\u0131n\u0131n AVIF format\u0131n\u0131 destekleyebilmesi i\u00e7in about.config ayarlar\u0131ndan image.avif.enabled tercihinin aktifle\u015ftirilmesi gerekiyor.<\/li><li>Safari AVIF format\u0131n\u0131 desteklemiyor.<\/li><li>Opera 71 versiyonu ile birlikte AVIF format\u0131n\u0131 desteklemeye ba\u015flad\u0131.<\/li><li>IOS i\u015fletim sistemine sahip Apple cihazlar AVIF format\u0131n\u0131 desteklemiyor.<\/li><li>Opera Mini AVIF format\u0131n\u0131 desteklemiyor.<\/li><li>Android 90 versiyonu ile birlikte AVIF format\u0131n\u0131 desteklemeye ba\u015flad\u0131.<\/li><li>Opera Mobile 62 versiyonu ile birlikte AVIF format\u0131n\u0131 desteklemeye ba\u015flad\u0131.<\/li><li>Android i\u00e7in Chrome versiyonlar\u0131 AVIF format\u0131n\u0131 destekliyor.<\/li><li>Samsung Internet 140 versiyonu ile birlikte AVIF format\u0131n\u0131 desteklemeye ba\u015flad\u0131.<\/li><\/ul>\n\n\n\n<h2 id=\"eski-goruntulerinizi-avife-nasil-donusturursunuz\" class=\"wp-block-heading\">Eski G\u00f6r\u00fcnt\u00fclerinizi AVIF&#8217;e Nas\u0131l D\u00f6n\u00fc\u015ft\u00fcr\u00fcrs\u00fcn\u00fcz?<\/h2>\n\n\n\n<p>AVIF hen\u00fcz emekleme a\u015famas\u0131nda oldu\u011fundan, AVIF format\u0131nda g\u00f6r\u00fcnt\u00fc olu\u015fturman\u0131n en kolay yolu eski formatlar\u0131n\u0131z\u0131 d\u00f6n\u00fc\u015ft\u00fcrmektir.<\/p>\n\n\n\n<p>Bunu, bir\u00e7ok \u00e7evrimi\u00e7i AVIF g\u00f6r\u00fcnt\u00fc d\u00f6n\u00fc\u015ft\u00fcr\u00fcc\u00fcs\u00fc ile \u00e7evrimi\u00e7i olarak yap\u0131labilir.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"401\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/eski-goruntulerinizi-avife-nasil-donusturursunuz-1024x401.png\" alt=\"\" class=\"wp-image-6926\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/eski-goruntulerinizi-avife-nasil-donusturursunuz-1024x401.png 1024w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/eski-goruntulerinizi-avife-nasil-donusturursunuz-300x117.png 300w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/eski-goruntulerinizi-avife-nasil-donusturursunuz-768x301.png 768w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/eski-goruntulerinizi-avife-nasil-donusturursunuz.png 1270w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>G\u00f6r\u00fcnt\u00fclerinizi AVIF&#8217;e d\u00f6n\u00fc\u015ft\u00fcrmek i\u00e7in a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 izleyebilirsiniz:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/convertio.co\/tr\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web sitesini<\/a> ziyaret edin.<\/li><li>Eski g\u00f6r\u00fcnt\u00fclerinizi y\u00fckleyin (PNG, JPEG, **GIF **ve di\u011ferleri olabilir).<\/li><li>Web sitesi d\u00f6n\u00fc\u015ft\u00fcrmeyi i\u015flerken bekleyin.<\/li><li>Yeni AVIF dosyalar\u0131n\u0131z\u0131 kaydedin.<\/li><\/ul>\n\n\n\n<h2 id=\"webp-nedir\" class=\"wp-block-heading\">WebP Nedir?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-nedir.png\" alt=\"\" class=\"wp-image-6929\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-nedir.png 750w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-nedir-300x120.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>WebP, Google taraf\u0131ndan geli\u015ftirilen ve 2010&#8217;da duyurulan bir bi\u00e7imdir. Dosya boyutunda tasarruf sa\u011flamak i\u00e7in hem kay\u0131pl\u0131 hem de kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rma kullan\u0131r ve b\u00fcy\u00fck taray\u0131c\u0131lar taraf\u0131ndan uygulanma s\u00fcrecindedir.<\/p>\n\n\n\n<p>WebP g\u00f6r\u00fcnt\u00fc dosyalar\u0131, kar\u015f\u0131la\u015ft\u0131r\u0131labilir PNG&#8217;lerden %26&#8217;ya kadar ve benzer JPEG&#8217;lerden %25 ila %34&#8217;e kadar daha k\u00fc\u00e7\u00fckt\u00fcr ve g\u00f6zle g\u00f6r\u00fcl\u00fcr bir kalite fark\u0131 yoktur. Bu, web y\u00f6neticilerinin hem y\u00fcksek kaliteli hem de dosya boyutu k\u00fc\u00e7\u00fck olan resimleri kullanmas\u0131na olanak tan\u0131r. <\/p>\n\n\n\n<p>WebP format\u0131n\u0131n ana avantaj\u0131, kar\u015f\u0131la\u015ft\u0131r\u0131labilir kaliteyi korurken bir g\u00f6r\u00fcnt\u00fcy\u00fc di\u011fer formatlardan daha k\u00fc\u00e7\u00fck bir dosyaya paketleyebilmesidir. Bu, g\u00f6r\u00fcnt\u00fclerinizin g\u00f6r\u00fcn\u00fcm\u00fcnden \u00f6d\u00fcn vermeden web sayfalar\u0131n\u0131z\u0131 h\u0131zland\u0131rmaya yard\u0131mc\u0131 olur. Daha k\u00fc\u00e7\u00fck g\u00f6r\u00fcnt\u00fc dosyalar\u0131, g\u00fcn\u00fcm\u00fczde \u00f6zellikle mobil cihazlarda \u00f6nemli olan bant geni\u015fli\u011fi ve cihaz kaynaklar\u0131ndan da tasarruf sa\u011flar.<\/p>\n\n\n\n<p>Peki, WebP format\u0131 bu kadar harikaysa, neden web sitelerinin sadece %1.3&#8217;\u00fc taraf\u0131ndan kullan\u0131l\u0131yor?<\/p>\n\n\n\n<p>Bunun ana nedeni, WebP&#8217;nin nispeten yeni olmas\u0131 ve yaln\u0131zca son zamanlarda \u00f6nde gelen web taray\u0131c\u0131lar\u0131 ve resim g\u00f6r\u00fcnt\u00fcleme\/d\u00fczenleme yaz\u0131l\u0131mlar\u0131 taraf\u0131ndan benimsenmi\u015f olmas\u0131ndan kaynaklanmaktad\u0131r. Bug\u00fcn, WebP format\u0131 Google Chrome, Mozilla Firefox, Microsoft Edge ve Opera taray\u0131c\u0131lar\u0131n\u0131n yan\u0131 s\u0131ra pop\u00fcler edit\u00f6rler Gimp ve Adobe Photoshop&#8217;ta da desteklenmektedir (Photoshop deste\u011fi WebP dosyalar\u0131n\u0131 d\u00fczenlemek i\u00e7in bir eklenti gerektirse de). Fakat Adobe Acrobat ve Apple Preview gibi resim g\u00f6r\u00fcnt\u00fcleyiciler WebP&#8217;yi desteklemez.<\/p>\n\n\n\n<p>Ancak WebP, t\u00fcm taray\u0131c\u0131lar ve yaz\u0131l\u0131mlar taraf\u0131ndan desteklenmez. Yani Apple Safari ve Internet Explorer WebP&#8217;yi desteklemez. Bu gelecekte de\u011fi\u015febilecek olsa da, bu s\u0131n\u0131rlamay\u0131 \u015fimdiden bilmelisiniz. Sitenizde WebP g\u00f6r\u00fcnt\u00fcleri sunmak istiyorsan\u0131z, bu taray\u0131c\u0131lar\u0131n kullan\u0131c\u0131lar\u0131 i\u00e7in fazladan PNG\/JPEG depolamay\u0131 d\u00fc\u015f\u00fcn\u00fcn. <\/p>\n\n\n\n<h2 id=\"avif-vs-webp\" class=\"wp-block-heading\">AVIF vs. WebP&nbsp;<\/h2>\n\n\n\n<p>WebP, g\u00fcn\u00fcm\u00fczde taray\u0131c\u0131larda yayg\u0131n olarak kullan\u0131lan en pop\u00fcler g\u00f6r\u00fcnt\u00fc s\u0131k\u0131\u015ft\u0131rma bi\u00e7imlerinden biridir. WebP s\u0131k\u0131\u015ft\u0131rmas\u0131, Google taraf\u0131ndan VP8 video format\u0131 al\u0131narak geli\u015ftirilmi\u015ftir. WebP, bug\u00fcn aktar\u0131lan en ba\u015far\u0131l\u0131 g\u00f6r\u00fcnt\u00fc bi\u00e7imlerinden biri olarak kabul edilir (yaln\u0131zca uyumlu taray\u0131c\u0131lar i\u00e7in). PNG format\u0131 g\u00f6r\u00fcnt\u00fc pazar\u0131na hakim oldu\u011funda, WebP PNG&#8217;den s\u0131k\u0131\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda dosya boyutunda %45&#8217;lik bir azalma sa\u011flar. Bu b\u00fcy\u00fck bir ba\u015far\u0131d\u0131r. Bu y\u00fczden Firefox, Opera, GNOME ve di\u011fer pek \u00e7ok taray\u0131c\u0131 taraf\u0131ndan an\u0131nda benimsenmi\u015ftir.<\/p>\n\n\n\n<p>\u015eimdi, WebP bu kadar yayg\u0131n olarak kabul ediliyorsa ve hem kay\u0131ps\u0131z hem de kay\u0131pl\u0131 s\u0131k\u0131\u015ft\u0131rma sa\u011fl\u0131yorsa, AVIF&#8217;nin bu taray\u0131c\u0131larda yerel hale getirilmesine ne gerek var?<\/p>\n\n\n\n<p>A\u015fa\u011f\u0131daki farkl\u0131l\u0131klar bu durumu anlaman\u0131z\u0131 sa\u011flayacakt\u0131r:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>AVIF, WebP&#8217;ye k\u0131yasla daha k\u00fc\u00e7\u00fck boyutlu bir g\u00f6r\u00fcnt\u00fc sa\u011flar.<\/li><li>WebP yaln\u0131zca 8 bit derinlikte \u00e7al\u0131\u015f\u0131r, oysa AVIF 8, 10 ve 12 bit&#8217;i destekler.<\/li><li>WebP yaln\u0131zca 4:2:0 kanal\u0131 desteklerken AVIF 4:2:0, 4:2:2 ve 4:4:4 kanallar\u0131 destekler.<\/li><li>WebP taraf\u0131ndan \u00fcretilen g\u00f6r\u00fcnt\u00fc kalitesi AVIF ve hatta JPEG&#8217;den daha d\u00fc\u015f\u00fckt\u00fcr.<\/li><li>AVIF, y\u00fcksek parlakl\u0131kta g\u00f6r\u00fcnt\u00fcler \u00fcreten HDR&#8217;yi destekler.<\/li><\/ul>\n\n\n\n<h2 id=\"hangi-tarayicilar-webp-formatini-destekler\" class=\"wp-block-heading\">Hangi Taray\u0131c\u0131lar WEBP Format\u0131n\u0131 Destekler?<\/h2>\n\n\n\n<p>WebP format\u0131 Google Chrome, Firefox, Opera ve di\u011fer birka\u00e7 taray\u0131c\u0131 taraf\u0131ndan desteklenir. Apple, iOS 14 ile Safari ve yak\u0131nda \u00e7\u0131kacak olan macOS Big Sur i\u00e7in destek eklemi\u015ftir. <\/p>\n\n\n\n<p>WEBP format\u0131 AVIF format\u0131na g\u00f6re kullan\u0131m s\u0131kl\u0131\u011f\u0131 ve geni\u015fli\u011fi daha \u00e7oktur. WEBP format\u0131n\u0131 AVIF format\u0131na g\u00f6re bir\u00e7ok taray\u0131c\u0131 destekler.<\/p>\n\n\n\n<p>Hem WEBP hem de AVIF format\u0131 desteklenmedi\u011fi durumlarda, yaz\u0131l\u0131msal geli\u015ftirme ile destekleyen taray\u0131c\u0131lara g\u00f6sterilir, destelemeyen taray\u0131c\u0131larda ise JPEG ya da PNG gibi daha eski ve yayg\u0131n formatlar kullan\u0131labilir. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"529\" src=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-destekleyen-tarayicilar.png\" alt=\"Hangi Taray\u0131c\u0131lar WEBP Format\u0131n\u0131 Destekler?\" class=\"wp-image-6935\" srcset=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-destekleyen-tarayicilar.png 1000w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-destekleyen-tarayicilar-300x159.png 300w, https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-destekleyen-tarayicilar-768x406.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<h2 id=\"bu-bicimleri-henuz-kullanmali-miyim\" class=\"wp-block-heading\">Bu Bi\u00e7imleri Hen\u00fcz Kullanmal\u0131 M\u0131y\u0131m?<\/h2>\n\n\n\n<p>WebP bir end\u00fcstri standard\u0131 olmaya \u00e7ok daha yak\u0131n olmas\u0131na ra\u011fmen, ne AVIF ne de WebP hen\u00fcz standart dosya bi\u00e7imleri de\u011fildir. <\/p>\n\n\n\n<p>Bir web geli\u015ftiricisiyseniz, do\u011fru dosya bi\u00e7iminin teslim edildi\u011finden emin olman\u0131z gerekir, bu y\u00fczden daha \u00e7ok deste\u011fi olan formatlar\u0131 se\u00e7menizde fayda var.<\/p>\n\n\n\n<p>Fakat Photoshop bu formatlar i\u00e7in yerel destek sundu\u011funda, AVIF veya WebP ana ak\u0131m haline gelebilir. Ancak JPG&#8217;nin kendisinden \u00f6nceki GIF ve TIFF bi\u00e7imlerinin yerini almas\u0131 gibi, birka\u00e7 y\u0131l i\u00e7inde bu yeni ve maliyet tasarrufu sa\u011flayan bi\u00e7imlere ge\u00e7i\u015fi bekleyebiliriz.<\/p>\n","protected":false},"excerpt":{"rendered":"Web i\u00e7in en pop\u00fcler resim dosyas\u0131 formatlar\u0131n\u0131n JPG ve PNG oldu\u011funu s\u00f6yleyebiliriz. Birka\u00e7 y\u0131l \u00f6nce, Google taraf\u0131ndan geli\u015ftirilen&hellip;\n","protected":false},"author":20,"featured_media":6928,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_singular_sidebar":"","csco_page_header_type":"","csco_appearance_grid":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_location_hash":"","csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"footnotes":""},"categories":[360,359,361],"tags":[],"class_list":{"0":"post-6925","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-core-web-vitals","8":"category-tasarim","9":"category-web-sitesi","10":"cs-entry","11":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WEBP vs. AVIF: H\u0131zl\u0131 A\u00e7\u0131lan Web Siteleri Hangisini Kullanmal\u0131? Destekleyen Taray\u0131c\u0131lar - Hosting.com.tr<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WEBP vs. AVIF: H\u0131zl\u0131 A\u00e7\u0131lan Web Siteleri Hangisini Kullanmal\u0131? Destekleyen Taray\u0131c\u0131lar - Hosting.com.tr\" \/>\n<meta property=\"og:description\" content=\"Web i\u00e7in en pop\u00fcler resim dosyas\u0131 formatlar\u0131n\u0131n JPG ve PNG oldu\u011funu s\u00f6yleyebiliriz. Birka\u00e7 y\u0131l \u00f6nce, Google taraf\u0131ndan geli\u015ftirilen&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hosting.com.tr\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-07T17:41:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T13:07:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-vs-avif-hizli-acilan-web-siteleri-hangisini-kullanmali-destekleyen-tarayicilar.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Sibel Ho\u015f\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hostingcomtr\" \/>\n<meta name=\"twitter:site\" content=\"@hostingcomtr\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sibel Ho\u015f\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 dakika\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WEBP vs. AVIF: H\u0131zl\u0131 A\u00e7\u0131lan Web Siteleri Hangisini Kullanmal\u0131? Destekleyen Taray\u0131c\u0131lar - Hosting.com.tr","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/","og_locale":"tr_TR","og_type":"article","og_title":"WEBP vs. AVIF: H\u0131zl\u0131 A\u00e7\u0131lan Web Siteleri Hangisini Kullanmal\u0131? Destekleyen Taray\u0131c\u0131lar - Hosting.com.tr","og_description":"Web i\u00e7in en pop\u00fcler resim dosyas\u0131 formatlar\u0131n\u0131n JPG ve PNG oldu\u011funu s\u00f6yleyebiliriz. Birka\u00e7 y\u0131l \u00f6nce, Google taraf\u0131ndan geli\u015ftirilen&hellip;","og_url":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/hosting.com.tr","article_published_time":"2021-06-07T17:41:25+00:00","article_modified_time":"2024-01-22T13:07:27+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-vs-avif-hizli-acilan-web-siteleri-hangisini-kullanmali-destekleyen-tarayicilar.png","type":"image\/png"}],"author":"Sibel Ho\u015f","twitter_card":"summary_large_image","twitter_creator":"@hostingcomtr","twitter_site":"@hostingcomtr","twitter_misc":{"Yazan:":"Sibel Ho\u015f","Tahmini okuma s\u00fcresi":"7 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/#article","isPartOf":{"@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/"},"author":{"name":"Sibel Ho\u015f","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/769feb953535a36d98b2d05f5e3e1b73"},"headline":"WEBP vs. AVIF: H\u0131zl\u0131 A\u00e7\u0131lan Web Siteleri Hangisini Kullanmal\u0131? Destekleyen Taray\u0131c\u0131lar","datePublished":"2021-06-07T17:41:25+00:00","dateModified":"2024-01-22T13:07:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/"},"wordCount":1796,"commentCount":0,"publisher":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#organization"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-vs-avif-hizli-acilan-web-siteleri-hangisini-kullanmali-destekleyen-tarayicilar.png","articleSection":["Core Web Vitals","Tasar\u0131m","Web Sitesi"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/","url":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/","name":"WEBP vs. AVIF: H\u0131zl\u0131 A\u00e7\u0131lan Web Siteleri Hangisini Kullanmal\u0131? Destekleyen Taray\u0131c\u0131lar - Hosting.com.tr","isPartOf":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/#primaryimage"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-vs-avif-hizli-acilan-web-siteleri-hangisini-kullanmali-destekleyen-tarayicilar.png","datePublished":"2021-06-07T17:41:25+00:00","dateModified":"2024-01-22T13:07:27+00:00","breadcrumb":{"@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/#primaryimage","url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-vs-avif-hizli-acilan-web-siteleri-hangisini-kullanmali-destekleyen-tarayicilar.png","contentUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2021\/06\/webp-vs-avif-hizli-acilan-web-siteleri-hangisini-kullanmali-destekleyen-tarayicilar.png","width":720,"height":400,"caption":"WEBP vs. AVIF: H\u0131zl\u0131 A\u00e7\u0131lan Web Siteleri Hangisini Kullanmal\u0131? Destekleyen Taray\u0131c\u0131lar"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hosting.com.tr\/blog\/webp-vs-avif\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.hosting.com.tr\/blog\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals","item":"https:\/\/www.hosting.com.tr\/blog\/core-web-vitals\/"},{"@type":"ListItem","position":3,"name":"WEBP vs. AVIF: H\u0131zl\u0131 A\u00e7\u0131lan Web Siteleri Hangisini Kullanmal\u0131? Destekleyen Taray\u0131c\u0131lar"}]},{"@type":"WebSite","@id":"https:\/\/www.hosting.com.tr\/blog\/#website","url":"https:\/\/www.hosting.com.tr\/blog\/","name":"Hosting.com.tr","description":"Domain, Hosting, Startup\/Kobi, Dijital Pazarlama, Teknoloji, Wordpress ve Nas\u0131l Yap\u0131l\u0131r? kategorilerinde en g\u00fcncel yaz\u0131lar.","publisher":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hosting.com.tr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.hosting.com.tr\/blog\/#organization","name":"Webhosting A.\u015e","url":"https:\/\/www.hosting.com.tr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2025\/04\/hosting-logo.png","contentUrl":"https:\/\/www.hosting.com.tr\/blog\/wp-content\/uploads\/2025\/04\/hosting-logo.png","width":500,"height":157,"caption":"Webhosting A.\u015e"},"image":{"@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hosting.com.tr","https:\/\/x.com\/hostingcomtr","https:\/\/instagram.com\/hostingcomtr","https:\/\/www.linkedin.com\/company\/hosting-com-tr\/","https:\/\/www.youtube.com\/channel\/UCFNJq7pU_T2SEjv7UgLDtRw"]},{"@type":"Person","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/769feb953535a36d98b2d05f5e3e1b73","name":"Sibel Ho\u015f","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.hosting.com.tr\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/71ef095ec76abd2cd680813a0851c643003d6b211003d0d1b5eb4d0e6f04caa6?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/71ef095ec76abd2cd680813a0851c643003d6b211003d0d1b5eb4d0e6f04caa6?s=96&r=g","caption":"Sibel Ho\u015f"},"url":"https:\/\/www.hosting.com.tr\/blog\/author\/sibel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts\/6925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=6925"}],"version-history":[{"count":0,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/posts\/6925\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/media\/6928"}],"wp:attachment":[{"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=6925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=6925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hosting.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=6925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}