{"id":32679,"date":"2021-02-22T11:29:37","date_gmt":"2021-02-22T08:29:37","guid":{"rendered":"https:\/\/www.turhost.com/blog\/?p=32679"},"modified":"2022-01-17T16:57:41","modified_gmt":"2022-01-17T13:57:41","slug":"webp-nedir","status":"publish","type":"post","link":"https:\/\/www.turhost.com/blog\/webp-nedir\/","title":{"rendered":"WebP Nedir?"},"content":{"rendered":"\n

G\u00f6rseller, g\u00fczel bir web sitesi tasarlaman\u0131n hayati bir bile\u015feni oldu\u011fundan tasar\u0131mc\u0131lar\u0131n ve site sahiplerinin pe\u015fine d\u00fc\u015fmesi gereken \u00f6nemli sorulardan biri “WebP nedir?” olmal\u0131d\u0131r.<\/p>\n\n\n\n

Y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc mobil ekranlar\u0131n ortaya \u00e7\u0131k\u0131\u015f\u0131yla g\u00f6rsel \u00e7\u00f6z\u00fcn\u00fcrl\u00fc\u011f\u00fcn art\u0131r\u0131lmas\u0131 daha b\u00fcy\u00fck dosya boyutlar\u0131na sebep olmu\u015f ve daha y\u00fcksek depolama gereksinimlerine ihtiya\u00e7 duyulmu\u015ftur. <\/p>\n\n\n\n

Ziyaret\u00e7iler a\u00e7\u0131s\u0131ndan; dosya boyutundaki bu art\u0131\u015f, do\u011frudan artan bant geni\u015fli\u011fi t\u00fcketimi anlam\u0131na gelir, taray\u0131c\u0131da yava\u015f i\u015fleme yol a\u00e7abilir ve kullan\u0131c\u0131 deneyimini s\u0131k\u0131nt\u0131ya sokabilir. Bu da tahmin edece\u011finiz \u00fczere d\u00fc\u015f\u00fck arama motoru s\u0131ralamalar\u0131yla sonu\u00e7lanabilir. <\/p>\n\n\n\n

Asl\u0131nda g\u00f6rsel boyutlar\u0131nda k\u00fc\u00e7\u00fck iyile\u015ftirmeler bile site performans\u0131nda \u00f6nemli etkilere sebep olur. K\u0131sacas\u0131; g\u00f6rsellerinizin boyutunu k\u00fc\u00e7\u00fcltmenin yollar\u0131n\u0131 bulabilirseniz, sitenizi h\u0131zland\u0131rabilir ve kullan\u0131c\u0131 deneyimini iyile\u015ftirebilirsiniz.<\/p>\n\n\n\n

WebP; webdeki g\u00f6rselleri mevcut g\u00f6rsel formatlar\u0131na benzer bir kalite seviyesinde ancak daha k\u00fc\u00e7\u00fck bir dosya boyutunda g\u00f6r\u00fcnt\u00fclememize izin veren Google taraf\u0131ndan tasarlanm\u0131\u015f modern bir g\u00f6r\u00fcnt\u00fc format\u0131d\u0131r. <\/p>\n\n\n\n

WebP’nin \u00d6zellikleri<\/h2>\n\n\n\n
\"WebP
Kay\u0131pl\u0131 ve kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rman\u0131n \u00fcstesinden gelebilen WebP; animasyonu ve kay\u0131ps\u0131z \u015feffafl\u0131\u011f\u0131, yani alfa kanall\u0131 PNG’yi de destekler.<\/figcaption><\/figure><\/div>\n\n\n\n

G\u00f6rselleri kaydetmek i\u00e7in kullan\u0131lan dosya t\u00fcrlerinin en bilinenleri PNG, JPEG (veya JPG) ve GIF’dir. Google’\u0131n on y\u0131l kadar \u00f6nce tasarlad\u0131\u011f\u0131 WebP; PNG ve JPEG’den daha \u00fcst\u00fcn web odakl\u0131 bir se\u00e7enek sunma amac\u0131yla ortaya \u00e7\u0131km\u0131\u015ft\u0131r. WebP; kaliteyi etkilemeden PNG, JPEG veya GIF dosya boyutlar\u0131n\u0131 \u00f6nemli \u00f6l\u00e7\u00fcde azaltabilir.<\/p>\n\n\n\n

JPEG’ler<\/strong><\/span>, \u00e7ok say\u0131da renk i\u00e7eren son derece ayr\u0131nt\u0131l\u0131 g\u00f6r\u00fcnt\u00fcler i\u00e7indir ve bu da onlar\u0131 foto\u011fraflar i\u00e7in m\u00fckemmel yapan \u00f6zelliktir. Ancak, dosyalar\u0131 genellikle \u00e7ok b\u00fcy\u00fckt\u00fcr ve s\u0131k\u0131\u015ft\u0131rmalarda kaliteleri etkilenebilir. <\/p>\n\n\n\n

PNG’ler<\/span><\/strong>; logo veya aray\u00fcz g\u00f6rselleri gibi \u00e7ok fazla veri i\u00e7ermeyen g\u00f6r\u00fcnt\u00fcler i\u00e7in idealdir. S\u0131k\u0131\u015ft\u0131r\u0131ld\u0131klar\u0131nda kaliteyi korurlar ve \u015feffafl\u0131\u011f\u0131 desteklerler ancak foto\u011fraflar i\u00e7in kullan\u0131\u015fl\u0131 de\u011fildir. <\/p>\n\n\n\n

GIF’ler<\/span><\/strong> ise animasyonlar i\u00e7in i\u015flevseldir ancak onlar da statik g\u00f6r\u00fcnt\u00fcleri kaydetmek i\u00e7in verimli de\u011fildir.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

WebP .webp<\/strong><\/span> dosya uzant\u0131s\u0131n\u0131 kullan\u0131r, hem “kay\u0131pl\u0131” (Lossy WepB)<\/strong> hem de “kay\u0131ps\u0131z” (Lossless WepB)<\/strong> s\u0131k\u0131\u015ft\u0131rma se\u00e7enekleri sunar. \u0130kincisi daha fazla veriyi korurken, birincisi elde edilen dosya boyutlar\u0131n\u0131 daha da k\u00fc\u00e7\u00fclt\u00fcr. <\/p>\n\n\n\n

Kay\u0131pl\u0131 ve kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rman\u0131n \u00fcstesinden gelebilen WebP; animasyonu ve kay\u0131ps\u0131z \u015feffafl\u0131\u011f\u0131, yani alfa kanall\u0131 PNG’yi de destekler.<\/p>\n\n\n\n

WebP’nin en \u00f6nemli \u00f6zelli\u011finin kalitede fark edilir bir d\u00fc\u015f\u00fc\u015f olmaks\u0131z\u0131n dosya boyutunun k\u00fc\u00e7\u00fclt\u00fclmesi<\/span><\/strong> <\/strong><\/span>oldu\u011funu s\u00f6yleyebiliriz. WebP dosyalar\u0131n\u0131n JPG e\u015fde\u011ferlerinden ne kadar az yer kaplad\u0131\u011f\u0131na dair Google a\u00e7\u0131klamalar\u0131 y\u00fczde 25 ila 34 aras\u0131nda <\/a>rakamlar sunmakta ve WebP kay\u0131ps\u0131z g\u00f6rselllerin boyutunun PNG’lere k\u0131yasla % 26 daha k\u00fc\u00e7\u00fck oldu\u011funu bildirmektedir. Bu nedenle de Google PageSpeed \u200b\u200bInsights \u00f6nerilerinde, WebP g\u00f6rsellerinin kullan\u0131lmas\u0131na dair uyar\u0131larda bulunur.<\/p>\n\n\n\n

A\u015fa\u011f\u0131daki kar\u015f\u0131la\u015ft\u0131rma i\u00e7in \u00f6l\u00e7eklendirilmi\u015f JPEG ve WebP g\u00f6rselleri Google’\u0131n sundu\u011fu \u00f6rneklerdendir. \u00dczerine t\u0131klayarak ilgili galeriyi g\u00f6r\u00fcnt\u00fcleyebilirsiniz.<\/p>\n\n\n\n

\n
\"\"
JPEG dosya boyutu: 86.25 KB<\/figcaption><\/figure><\/div>\n\n\n\n
\"\"
WebP dosya boyutu: 59.18 KB<\/figcaption><\/figure><\/div>\n<\/div><\/div>\n\n\n\n

Kay\u0131pl\u0131 (Lossy) WebP Nedir?<\/strong><\/h3>\n\n\n\n

Kay\u0131pl\u0131 s\u0131k\u0131\u015ft\u0131rma, g\u00f6r\u00fcnt\u00fcn\u00fcn \u00e7\u0131plak g\u00f6zle fark edilmeyen baz\u0131 k\u0131s\u0131mlar\u0131n\u0131 veya baytlar\u0131n\u0131 ortadan kald\u0131rarak g\u00f6r\u00fcnt\u00fc boyutunu k\u00fc\u00e7\u00fcltmenin bir yoludur. En pop\u00fcler kay\u0131pl\u0131 g\u00f6r\u00fcnt\u00fc format\u0131 JPG’dir. Kay\u0131pl\u0131 format, orijinal g\u00f6r\u00fcnt\u00fc kalitesine geri d\u00f6nd\u00fcr\u00fclemez.<\/p>\n\n\n\n

Kay\u0131pl\u0131 (lossy) WebP<\/strong> s\u0131k\u0131\u015ft\u0131rmas\u0131yla WebP, dosya boyutunu k\u00fc\u00e7\u00fcltmek i\u00e7in “tahmini kodlama” (predictive coding) kullan\u0131r yani de\u011ferleri tahmin etmek i\u00e7in bir g\u00f6rseldeki kom\u015fu piksellerin de\u011ferlerine bakar, ard\u0131ndan yaln\u0131zca fark\u0131 kodlar. Bu, VP8 key frame<\/strong><\/span> kodlamas\u0131na dayan\u0131r. <\/p>\n\n\n\n

Kay\u0131ps\u0131z (Lossless) WebP Nedir?<\/h3>\n\n\n\n

PNG, TIFF ve GIF; g\u00f6r\u00fcnt\u00fcn\u00fcn kalitesini kaybetmeden g\u00f6r\u00fcnt\u00fc boyutunu k\u00fc\u00e7\u00fcltmenin bir yolunu sunan kay\u0131ps\u0131z g\u00f6r\u00fcnt\u00fc formatlar\u0131d\u0131r. Kay\u0131ps\u0131z g\u00f6r\u00fcnt\u00fc format\u0131, orijinal resim boyutunun i\u00e7inde bulundu\u011fu orijinal formata geri d\u00f6nd\u00fcr\u00fclebilir.<\/p>\n\n\n\n

Kay\u0131ps\u0131z (Lossless) WebP<\/strong> ise Google WebP ekibi taraf\u0131ndan geli\u015ftirilmi\u015ftir ve kay\u0131pl\u0131 WebP’den \u00e7ok daha karma\u015f\u0131k y\u00f6ntemler<\/a> kullan\u0131r. <\/p>\n\n\n\n

Kay\u0131ps\u0131z WebP, g\u00f6r\u00fcnt\u00fcn\u00fcn birka\u00e7 farkl\u0131 teknik kullan\u0131larak d\u00f6n\u00fc\u015ft\u00fcr\u00fclmesine dayan\u0131r. Ard\u0131ndan, d\u00f6n\u00fc\u015f\u00fcm parametreleri ve d\u00f6n\u00fc\u015ft\u00fcr\u00fclen g\u00f6r\u00fcnt\u00fc verileri \u00fczerinde entropi kodlamas\u0131 ger\u00e7ekle\u015ftirilir. G\u00f6r\u00fcnt\u00fcye uygulanan d\u00f6n\u00fc\u015ft\u00fcrmeler, piksellerin uzamsal tahminini, renk alan\u0131 d\u00f6n\u00fc\u015f\u00fcm\u00fc, yerel olarak ortaya \u00e7\u0131kan paletleri kullanma, birden \u00e7ok pikseli tek bir pikselde paketleme ve alfa de\u011fi\u015ftirmeyi i\u00e7erir.<\/p>\n\n\n\n

Alpha ile Lossy Webp Nedir?<\/h3>\n\n\n\n

WebP alpha, piksel ba\u015f\u0131na d\u00fc\u015f\u00fck bit i\u00e7eren g\u00f6r\u00fcnt\u00fcleri kodlar ve bu t\u00fcr g\u00f6r\u00fcnt\u00fclerin boyutunu k\u00fc\u00e7\u00fcltmek i\u00e7in etkili bir yol sa\u011flar. Alfa kanal\u0131n\u0131n kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rmas\u0131, kay\u0131pl\u0131 WebP kodlamas\u0131na g\u00f6re yaln\u0131zca % 22 bayt ekler. <\/p>\n\n\n\n

Google verilerine g\u00f6re<\/a>, \u015feffaf PNG’yi; kay\u0131pl\u0131 (lossy)+ alfa WebP ile de\u011fi\u015ftirmek, ortalama olarak % 60-70 boyut tasarrufu sa\u011flar. Bu \u00f6zellikle simgeler a\u00e7\u0131s\u0131ndan zengin mobil siteler i\u00e7in \u00f6nemlidir.<\/p>\n\n\n\n

Animasyonlu WebP<\/h3>\n\n\n\n

GIF yaln\u0131zca kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rmay\u0131 destekler. WebP hem kay\u0131pl\u0131 hem de kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rmay\u0131 destekler; asl\u0131nda, tek bir animasyon kay\u0131pl\u0131 ve kay\u0131ps\u0131z kareleri birle\u015ftirebilir. WebP’nin kay\u0131pl\u0131 s\u0131k\u0131\u015ft\u0131rma teknikleri, ger\u00e7ek videolar\u0131ndan olu\u015fturulan hareketli g\u00f6r\u00fcnt\u00fclere \u00e7ok uygundur. <\/p>\n\n\n\n

Google verilerine g\u00f6re<\/a>; kay\u0131pl\u0131 WebP’lere d\u00f6n\u00fc\u015ft\u00fcr\u00fclen animasyonlu GIF’ler % 64, kay\u0131ps\u0131z WebP’ler ise % 19 daha k\u00fc\u00e7\u00fckt\u00fcr. Bu \u00f6zellikle mobil a\u011flarda \u00f6nemlidir. Animasyonlu WebP ise GIF’den 0,57 kat daha fazla toplam kod \u00e7\u00f6zme s\u00fcresine sahiptir, bu da kayd\u0131rma s\u0131ras\u0131nda daha az sars\u0131nt\u0131 ve CPU kullan\u0131m\u0131ndaki ani art\u0131\u015flardan daha h\u0131zl\u0131 kurtarma anlam\u0131na gelir. Ancak WebP deste\u011finin, GIF deste\u011fi kadar yayg\u0131n olmamas\u0131 gibi baz\u0131 dezavantajlar animasyonlu WebP a\u00e7\u0131s\u0131ndan s\u00f6z konusudur.<\/p>\n\n\n\n

WebP’yi Destekleyen Taray\u0131c\u0131lar<\/h2>\n\n\n\n

Site performans\u0131n\u0131 iyile\u015ftirmekle ilgilenenler mevcut g\u00f6rsellerden kolayl\u0131kla optimize edilmi\u015f WebP alternatifleri olu\u015fturarak bunlar\u0131 WebP’yi destekleyen taray\u0131c\u0131larda sunabilir. <\/p>\n\n\n\n

WebP’yi destekleyen taray\u0131c\u0131lar\u0131 \u015fu \u015fekilde gruplayabiliriz:<\/p>\n\n\n\n

\n
\n

Kay\u0131pl\u0131 WebP <\/strong><\/p>\n\n\n\n

  • Google Chrome (desktop) 17+<\/li>
  • Google Chrome for Android version 25+<\/li>
  • Microsoft Edge 18+<\/li>
  • Firefox 65+<\/li>
  • Opera 11.10+<\/li>
  • Native web browser, Android 4.0+ (ICS)<\/li><\/ul>\n<\/div>\n\n\n\n
    \n

    Kay\u0131pl\u0131, Kay\u0131ps\u0131z ve Alpha WebP <\/strong><\/p>\n\n\n\n

    • Google Chrome (desktop) 23+<\/li>
    • Google Chrome for Android version 25+<\/li>
    • Microsoft Edge 18+<\/li>
    • Firefox 65+<\/li>
    • Opera 12.10+<\/li>
    • Native web browser, Android 4.2+ (JB-MR1)<\/li>
    • Pale Moon 26+<\/li><\/ul>\n<\/div>\n\n\n\n
      \n

      Animasyonlu<\/strong> WebP<\/strong><\/p>\n\n\n\n

      • Google Chrome
        (desktop, Android) 32+<\/li>
      • Microsoft Edge 18+<\/li>
      • Firefox 65+<\/li>
      • Opera 19+<\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n

        WebP’nin Art\u0131lar\u0131 <\/h2>\n\n\n\n
        \"WebP'nin
        WebP format\u0131nda kaydedilen g\u00f6r\u00fcnt\u00fclerin, ayn\u0131 kalitedeki<\/strong> JPEG ve PNG’lerden \u00f6nemli \u00f6l\u00e7\u00fcde daha k\u00fc\u00e7\u00fck<\/strong> olmas\u0131 sa\u011flanabilir.<\/figcaption><\/figure><\/div>\n\n\n\n

        G\u00f6r\u00fcnt\u00fc kalitesi<\/strong><\/span>, performans<\/span><\/strong>, taray\u0131c\u0131larla uyumluluk<\/span><\/strong> bir g\u00f6r\u00fcnt\u00fc format\u0131 hakk\u0131nda dikkate al\u0131nmas\u0131 gereken \u00fc\u00e7 kritik parametredir: <\/p>\n\n\n\n

        Sitenize ne kadar \u00e7ok g\u00f6rsel ve medya eklerseniz, giri\u015f b\u00f6l\u00fcm\u00fcnde de bahsetti\u011fimiz gibi dosya boyutlar\u0131n\u0131n artmas\u0131 nedeniyle siteniz yava\u015flayabilir. Web sitelerinin h\u0131zl\u0131 y\u00fcklenmesi<\/strong><\/span> inan\u0131lmaz derecede \u00f6nemlidir \u00e7\u00fcnk\u00fc hem Google ge\u00e7 y\u00fcklenen sayfalardan ho\u015flanmaz hem de d\u00fc\u015f\u00fck h\u0131zlar ziyaret\u00e7ileri ka\u00e7\u0131r\u0131r. WebP, performansa katk\u0131da bulunarak bu sorunu engelleyebilir.<\/p>\n\n\n\n

        G\u00f6r\u00fcnt\u00fc dosyalar\u0131n\u0131n s\u0131k\u0131\u015ft\u0131r\u0131larak k\u00fc\u00e7\u00fclt\u00fclmesi onlar\u0131 daha kullan\u0131\u015fl\u0131 hale getirse de genellikle kalite<\/span><\/strong> kayb\u0131na neden olur. Genel olarak, bir g\u00f6r\u00fcnt\u00fcy\u00fc ne kadar \u00e7ok s\u0131k\u0131\u015ft\u0131r\u0131rsan\u0131z, o kadar k\u00f6t\u00fc g\u00f6r\u00fcn\u00fcr ancak kulland\u0131\u011f\u0131n\u0131z dosya t\u00fcr\u00fc, bunun a\u015f\u0131r\u0131l\u0131\u011f\u0131n\u0131 etkileyebilir. <\/p>\n\n\n\n

        WebP; JPEG veya PNG dosyalar\u0131na k\u0131yasla dosya boyutunda yakla\u015f\u0131k % 25 k\u00fc\u00e7\u00fclme sa\u011flayabilir.<\/p>\n\n\n\n

        Yani WebP format\u0131nda kaydedilen g\u00f6r\u00fcnt\u00fclerin, ayn\u0131 kalitedeki<\/strong> <\/span>JPEG ve PNG’lerden \u00f6nemli \u00f6l\u00e7\u00fcde daha k\u00fc\u00e7\u00fck<\/strong> <\/span>olmas\u0131 sa\u011flanabilir. <\/p>\n\n\n\n

        Ayr\u0131ca, WebP’nin hem kay\u0131pl\u0131<\/strong> <\/span>hem de kay\u0131ps\u0131z<\/strong><\/span> modlar\u0131 desteklemesi ve JPEG veya PNG’den farkl\u0131 olarak animasyonu desteklemesi<\/strong> <\/span>en \u00f6nemli art\u0131lar\u0131ndand\u0131r.<\/p>\n\n\n\n

        Logolar a\u00e7\u0131s\u0131ndan i\u015flevsel olan saydaml\u0131\u011f\u0131 desteklemesi<\/span><\/strong> de dikkat \u00e7ekicidir. JPEG’ler saydaml\u0131k sunmaz, ancak kay\u0131pl\u0131 WebP g\u00f6r\u00fcnt\u00fcleri sunar. <\/p>\n\n\n\n

        WebP’nin Eksileri <\/h2>\n\n\n\n

        WebP’nin neden daha fazla ki\u015fi taraf\u0131ndan kullan\u0131lmad\u0131\u011f\u0131n\u0131 anlamak i\u00e7in baz\u0131 dezavantajlara g\u00f6z\u00fcm\u00fc \u00e7evirmemiz gerekir. Birincil dezavantaj\u0131, WebP g\u00f6rsellerinin t\u00fcm taray\u0131c\u0131lar taraf\u0131ndan desteklenmemesidir, ancak destekleyen taray\u0131c\u0131lar\u0131n say\u0131s\u0131 giderek artmaktad\u0131r.<\/p>\n\n\n\n

        Ayr\u0131ca; d\u00fc\u015f\u00fck kaliteli GIF animasyonlar\u0131nda her zaman iyi performans g\u00f6stermemesi ve kay\u0131pl\u0131 modda daha d\u00fc\u015f\u00fck kaliteli ayarlarla s\u0131k\u0131\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda d\u00fc\u015f\u00fck kalite sunmas\u0131 WebP’nin eksileri aras\u0131nda say\u0131labilir.<\/p>\n\n\n\n

        WordPress\u2019te WebP Kullan\u0131m\u0131<\/h2>\n\n\n\n
        \"WordPress\u2019te
        WordPress, WebP g\u00f6rsellerini varsay\u0131lan olarak desteklemez ancak baz\u0131 eklentilerle WordPress sitenizde WebP format\u0131n\u0131 kullanman\u0131z m\u00fcmk\u00fcnd\u00fcr.<\/figcaption><\/figure><\/div>\n\n\n\n

        T\u0131pk\u0131 taray\u0131c\u0131lar gibi, baz\u0131 web sitesi olu\u015fturucular ve i\u00e7erik y\u00f6netim sistemleri (CMS); WebP format\u0131n\u0131 desteklememektedir. <\/p>\n\n\n\n

        WordPress de WebP g\u00f6rsellerini varsay\u0131lan olarak desteklemez ancak baz\u0131 eklentilerle WordPress sitenizde WebP format\u0131n\u0131 kullanman\u0131z m\u00fcmk\u00fcnd\u00fcr. Bu eklentiler; ziyaret\u00e7inin taray\u0131c\u0131s\u0131 destekliyorsa, resimlerinizi otomatik olarak WebP’ye d\u00f6n\u00fc\u015ft\u00fcr\u00fcr.<\/p>\n\n\n\n

        \"WordPress\u2019te<\/figure>\n\n\n\n

        WebP alternatiflerini do\u011frudan WordPress’e y\u00fcklemek yerine, orijinal resimlerinizi WebP format\u0131na d\u00f6n\u00fc\u015ft\u00fcren ve e\u011fer bir ziyaret\u00e7inin taray\u0131c\u0131s\u0131 WebP’yi desteklemiyorsa orijinal resmi yedek olarak sunan WordPress eklentilerinden ShortPixel, Imagify, Optimole’i deneyebilirsiniz.<\/p>\n\n\n\n

        \u00d6zet<\/h2>\n\n\n\n

        WebP, Google taraf\u0131ndan geli\u015ftirilen ve mevcut resim formatlar\u0131na benzer kalitede daha k\u00fc\u00e7\u00fck dosya boyutlar\u0131 sunabilen bir resim format\u0131d\u0131r.<\/p>\n\n\n\n

        Pop\u00fclerli\u011fi art\u0131yor olsa da WebP hen\u00fcz t\u00fcm taray\u0131c\u0131larda desteklenmemektedir. Bununla birlikte \u00f6zellikle \u00e7ok say\u0131da resim y\u00fcklemeniz gereken sitelerde WebP kullanmak verimli olabilir. <\/p>\n\n\n\n

        \u00d6zetle WebP nedir? sorusunu “web sitenizi, s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f PNG’ler veya JPEG’ler kullanmaktan \u00e7ok daha fazla h\u0131zland\u0131rma potansiyeline sahip bir resim dosyas\u0131 t\u00fcr\u00fc” \u015feklinde yan\u0131tlayabiliriz. <\/p>\n","protected":false},"excerpt":{"rendered":"G\u00f6rseller, g\u00fczel bir web sitesi tasarlaman\u0131n hayati bir bile\u015feni oldu\u011fundan tasar\u0131mc\u0131lar\u0131n ve site sahiplerinin pe\u015fine d\u00fc\u015fmesi gereken \u00f6nemli…\n","protected":false},"author":1,"featured_media":34443,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_relevanssi_hide_post":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"47871,40425,7561,3667,7575,7584","_relevanssi_noindex_reason":"","footnotes":""},"categories":[665,138,650],"tags":[],"class_list":{"0":"post-32679","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-bulut-sunucu","8":"category-ipuclari","9":"category-vps-server"},"yoast_head":"\nWebP Nedir? Jpeg - PNG ' den Fark\u0131 Nedir? - Turhost<\/title>\n<meta name=\"description\" content=\"WebP nedir? sorusunu \u201cweb sitenizi, h\u0131zland\u0131rma potansiyeline sahip bir resim dosyas\u0131 t\u00fcr\u00fc\u201d \u015feklinde yan\u0131tlayabiliriz.\" \/>\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.turhost.com/blog\/webp-nedir\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WebP Nedir? Jpeg - PNG ' den Fark\u0131 Nedir? - Turhost\" \/>\n<meta property=\"og:description\" content=\"WebP nedir? sorusunu \u201cweb sitenizi, h\u0131zland\u0131rma potansiyeline sahip bir resim dosyas\u0131 t\u00fcr\u00fc\u201d \u015feklinde yan\u0131tlayabiliriz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.turhost.com/blog\/webp-nedir\/\" \/>\n<meta property=\"og:site_name\" content=\"Turhost Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-22T08:29:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-17T13:57:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.turhost.com/blog\/wp-content\/uploads\/2021\/02\/kapak.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"1000\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Turhost\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Turhost\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.turhost.com/blog\/webp-nedir\/\",\"url\":\"https:\/\/www.turhost.com/blog\/webp-nedir\/\",\"name\":\"WebP Nedir? Jpeg - PNG ' den Fark\u0131 Nedir? - Turhost\",\"isPartOf\":{\"@id\":\"https:\/\/www.turhost.com/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.turhost.com/blog\/webp-nedir\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.turhost.com/blog\/webp-nedir\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.turhost.com/blog\/wp-content\/uploads\/2021\/02\/kapak.jpg\",\"datePublished\":\"2021-02-22T08:29:37+00:00\",\"dateModified\":\"2022-01-17T13:57:41+00:00\",\"author\":{\"@id\":\"https:\/\/www.turhost.com/blog\/#\/schema\/person\/dd8970d865df6ed4f742fe30c308ad1c\"},\"description\":\"WebP nedir? sorusunu \u201cweb sitenizi, h\u0131zland\u0131rma potansiyeline sahip bir resim dosyas\u0131 t\u00fcr\u00fc\u201d \u015feklinde yan\u0131tlayabiliriz.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.turhost.com/blog\/webp-nedir\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.turhost.com/blog\/webp-nedir\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.turhost.com/blog\/webp-nedir\/#primaryimage\",\"url\":\"https:\/\/www.turhost.com/blog\/wp-content\/uploads\/2021\/02\/kapak.jpg\",\"contentUrl\":\"https:\/\/www.turhost.com/blog\/wp-content\/uploads\/2021\/02\/kapak.jpg\",\"width\":1000,\"height\":1000},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.turhost.com/blog\/webp-nedir\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.turhost.com/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0130pu\u00e7lar\u0131\",\"item\":\"https:\/\/www.turhost.com/blog\/ipuclari\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WebP Nedir?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.turhost.com/blog\/#website\",\"url\":\"https:\/\/www.turhost.com/blog\/\",\"name\":\"Turhost Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.turhost.com/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.turhost.com/blog\/#\/schema\/person\/dd8970d865df6ed4f742fe30c308ad1c\",\"name\":\"Turhost\",\"sameAs\":[\"http:\/\/www.turhost.com\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WebP Nedir? Jpeg - PNG ' den Fark\u0131 Nedir? - Turhost","description":"WebP nedir? sorusunu \u201cweb sitenizi, h\u0131zland\u0131rma potansiyeline sahip bir resim dosyas\u0131 t\u00fcr\u00fc\u201d \u015feklinde yan\u0131tlayabiliriz.","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.turhost.com/blog\/webp-nedir\/","og_locale":"tr_TR","og_type":"article","og_title":"WebP Nedir? Jpeg - PNG ' den Fark\u0131 Nedir? - Turhost","og_description":"WebP nedir? sorusunu \u201cweb sitenizi, h\u0131zland\u0131rma potansiyeline sahip bir resim dosyas\u0131 t\u00fcr\u00fc\u201d \u015feklinde yan\u0131tlayabiliriz.","og_url":"https:\/\/www.turhost.com/blog\/webp-nedir\/","og_site_name":"Turhost Blog","article_published_time":"2021-02-22T08:29:37+00:00","article_modified_time":"2022-01-17T13:57:41+00:00","og_image":[{"width":1000,"height":1000,"url":"https:\/\/www.turhost.com/blog\/wp-content\/uploads\/2021\/02\/kapak.jpg","type":"image\/jpeg"}],"author":"Turhost","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Turhost","Tahmini okuma s\u00fcresi":"9 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.turhost.com/blog\/webp-nedir\/","url":"https:\/\/www.turhost.com/blog\/webp-nedir\/","name":"WebP Nedir? Jpeg - PNG ' den Fark\u0131 Nedir? - Turhost","isPartOf":{"@id":"https:\/\/www.turhost.com/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.turhost.com/blog\/webp-nedir\/#primaryimage"},"image":{"@id":"https:\/\/www.turhost.com/blog\/webp-nedir\/#primaryimage"},"thumbnailUrl":"https:\/\/www.turhost.com/blog\/wp-content\/uploads\/2021\/02\/kapak.jpg","datePublished":"2021-02-22T08:29:37+00:00","dateModified":"2022-01-17T13:57:41+00:00","author":{"@id":"https:\/\/www.turhost.com/blog\/#\/schema\/person\/dd8970d865df6ed4f742fe30c308ad1c"},"description":"WebP nedir? sorusunu \u201cweb sitenizi, h\u0131zland\u0131rma potansiyeline sahip bir resim dosyas\u0131 t\u00fcr\u00fc\u201d \u015feklinde yan\u0131tlayabiliriz.","breadcrumb":{"@id":"https:\/\/www.turhost.com/blog\/webp-nedir\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.turhost.com/blog\/webp-nedir\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.turhost.com/blog\/webp-nedir\/#primaryimage","url":"https:\/\/www.turhost.com/blog\/wp-content\/uploads\/2021\/02\/kapak.jpg","contentUrl":"https:\/\/www.turhost.com/blog\/wp-content\/uploads\/2021\/02\/kapak.jpg","width":1000,"height":1000},{"@type":"BreadcrumbList","@id":"https:\/\/www.turhost.com/blog\/webp-nedir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.turhost.com/blog\/"},{"@type":"ListItem","position":2,"name":"\u0130pu\u00e7lar\u0131","item":"https:\/\/www.turhost.com/blog\/ipuclari\/"},{"@type":"ListItem","position":3,"name":"WebP Nedir?"}]},{"@type":"WebSite","@id":"https:\/\/www.turhost.com/blog\/#website","url":"https:\/\/www.turhost.com/blog\/","name":"Turhost Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.turhost.com/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Person","@id":"https:\/\/www.turhost.com/blog\/#\/schema\/person\/dd8970d865df6ed4f742fe30c308ad1c","name":"Turhost","sameAs":["http:\/\/www.turhost.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/posts\/32679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/comments?post=32679"}],"version-history":[{"count":140,"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/posts\/32679\/revisions"}],"predecessor-version":[{"id":54895,"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/posts\/32679\/revisions\/54895"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/media\/34443"}],"wp:attachment":[{"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/media?parent=32679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/categories?post=32679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.turhost.com/blog\/wp-json\/wp\/v2\/tags?post=32679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}