{"id":7141,"date":"2021-02-27T21:55:55","date_gmt":"2021-02-27T18:55:55","guid":{"rendered":"https:\/\/egegen.com\/blog\/?p=7141"},"modified":"2021-03-07T12:19:20","modified_gmt":"2021-03-07T09:19:20","slug":"webp-nedir","status":"publish","type":"post","link":"https:\/\/egegen.com\/blog\/webp-nedir\/","title":{"rendered":"WebP Nedir?"},"content":{"rendered":"\n

Her internet sitesinin sahibi hayalleri aras\u0131nda h\u0131zl\u0131 y\u00fcklenen bir web sitesi oldu\u011funu biliyoruz. Web sitesi sahibi olan herkes sitesinin daha h\u0131zl\u0131 a\u00e7\u0131lma\u0131sn\u0131 ister. Nedeni ise ziyaret\u00e7iler yava\u015f a\u00e7\u0131lan bir sitede vakit kaybetmek istemez. Sayfa h\u0131z\u0131n\u0131 optimize etmek yani sayfan\u0131z\u0131n h\u0131zl\u0131 a\u00e7\u0131lma\u0131sn\u0131 istiyorsan\u0131z WebP format\u0131nda g\u00f6r\u00fcnt\u00fcler kullanabilirsiniz. WebP nedir diye merak ediyorsan\u0131z JPEG\u2019den daha k\u00fc\u00e7\u00fck boyutlara sahip olan k\u00fc\u00e7\u00fck boyutlu olmas\u0131na ra\u011fmen zengin ve kaliteli g\u00f6r\u00fcnt\u00fc sunman\u0131z\u0131 sa\u011flayan bir formatt\u0131r. Biz de bu yaz\u0131m\u0131zda WebP nedir, art\u0131lar\u0131 ve eksileri nelerdir ve WordPress \u00fczerinde nas\u0131l kullanaca\u011f\u0131n\u0131z hakk\u0131nda sizlere bilgi vermeye \u00e7al\u0131\u015facap\u0131z. <\/p>\n\n\n\n

WebP Tam Olarak Nedir?<\/strong><\/h2>\n\n\n\n
\"WebP
WebP Nedir<\/figcaption><\/figure><\/div>\n\n\n\n

Google taraf\u0131ndan seneler 2010 y\u0131l\u0131n\u0131 g\u00f6sterdi\u011finde geli\u015ftirilen dosya format\u0131d\u0131r WebP. WebP, mevcut kaliteyi koruyarak daha y\u00fcksek s\u0131k\u0131\u015ft\u0131rma oran\u0131 sa\u011flamaktad\u0131r. Sitenizin daha h\u0131zl\u0131 y\u00fcklenmesi ve g\u00f6r\u00fcnt\u00fclenmesi i\u00e7in k\u00fc\u00e7\u00fck boyutlard g\u00f6r\u00fcnt\u00fcler haz\u0131rlayabilirsiniz. Bu y\u00f6ntem ile PNG ve JPEG format\u0131na g\u00f6re daha kay\u0131ps\u0131z bir s\u0131k\u0131\u015ft\u0131rma uygulam\u0131\u015f olursunuz. WebP, kay\u0131ps\u0131z g\u00f6r\u00fcnt\u00fcleri PNG\u2019ye k\u0131yasla %26 daha fazla s\u0131k\u0131\u015ft\u0131rman\u0131za yard\u0131m eder. <\/p>\n\n\n\n

Bir di\u011fer yandan kay\u0131pl\u0131 kar\u015f\u0131la\u015ft\u0131rma denilen \u015fey orijinal veriyi kald\u0131rarak dosya boyutunu k\u00fc\u00e7\u00fcltmek anlam\u0131na gelmektedir. Herhangi bir g\u00f6r\u00fcnt\u00fcy\u00fc kodlama ile, kay\u0131pl\u0131 WebP, g\u00f6r\u00fcnt\u00fc dosya boyutunu %25 oran\u0131ndan %34 oran\u0131na d\u00fc\u015f\u00fcr\u00fcrken JPEG format\u0131 gibi bir kalite sunmaktad\u0131r. <\/p>\n\n\n\n

Hreflang etiketi nedir \u00f6\u011frenmek i\u00e7in: Hreflang Etiketi Nedir? Nas\u0131l Kullan\u0131l\u0131r?<\/a><\/p>\n\n\n\n

Avantajlar<\/strong><\/h2>\n\n\n\n
\"WebP
WebP Avantajlar\u0131<\/figcaption><\/figure><\/div>\n\n\n\n

Yukar\u0131da da s\u00f6yledi\u011fimiz gibi k\u00fc\u00e7\u00fck boyutlu resimler internet sitelerinin daha h\u0131zl\u0131 a\u00e7\u0131lmas\u0131n\u0131 sa\u011flar. Bir di\u011fer yarar\u0131 ise e\u011fer internet siteniz yemek ve seyahat blogu sahibi iseniz WebP ile daha fazla bant geni\u015fli\u011fi kullanmayabilirsiniz. <\/p>\n\n\n\n

JPEG ve PNG formatlar\u0131na de\u011finerek fark\u0131 \u00e7ok daha iyi anlayabiliriz. <\/p>\n\n\n\n

JPEG (veya JPG)<\/strong><\/h3>\n\n\n\n

Renkli g\u00f6r\u00fcnt\u00fcler ve m\u00fckemmel foto\u011fraflar i\u00e7in format tercih edilse de s\u0131k\u0131\u015ft\u0131rma dezavantaj\u0131na sahiptir. S\u0131k\u0131\u015ft\u0131rma sebebiyle g\u00f6r\u00fcnt\u00fc kalitesinde bir miktar kay\u0131p oldu\u011funu s\u00f6yleyebiliriz.<\/p>\n\n\n\n

PNG<\/strong><\/h3>\n\n\n\n

Her ne kadar s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f olsa da g\u00f6r\u00fcnt\u00fc kalitesini korumak i\u00e7in m\u00fckemmel bir y\u00f6ntem olarak kar\u015f\u0131m\u0131za \u00e7\u0131k\u0131yor. Bu formatta, logo, metin a\u011f\u0131rl\u0131kl\u0131 g\u00f6r\u00fcnt\u00fcler ve resimler gibi pek\u00e7ok veri veyahutta piksel i\u00e7eren g\u00f6r\u00fcnt\u00fcler i\u00e7in idealdir ancak s\u00f6z konusu foto\u011fraflar olunca do\u011fru bir tercih olmayacakt\u0131r.<\/p>\n\n\n\n

WebP ile bu iki format\u0131 bir arada kullanabilirsiniz. Hem g\u00f6r\u00fcnt\u00fc kalitesini koruyabilir hem de %25-34 aras\u0131 daha k\u00fc\u00e7\u00fck boyuta sahip olabilirsiniz. <\/p>\n\n\n\n

Dezavantajlar\u0131<\/strong><\/h2>\n\n\n\n

Bir\u00e7ok avantaj\u0131 beraberinde getiriyor olsa da baz\u0131 dezavantajlar\u0131 da bul\u0131nmaktad\u0131r. \u0130lk dezavantaj\u0131 Safari ve Internet Explorer\u2019\u0131n bu format\u0131 desteklememesidir. Google Chrome, Opera ve Firefox\u2019da ise sorunsuz bir \u015fekilde kullanabilirsiniz. Safari ve Internet Explorer\u2019\u0131nda yak\u0131n zamanda bu format\u0131 kulland\u0131racak d\u00fczenlemeleri yapaca\u011f\u0131n\u0131 d\u00fc\u015f\u00fcn\u00fcyoruz. WordPress \u015fu anda WebP g\u00f6r\u00fcnt\u00fcleri desteklememektedir. Yani WebP dosyalar\u0131 WordPress kitapl\u0131\u011f\u0131n\u0131za y\u00fckleyemezsiniz. Bu sorun i\u00e7in endi\u015felenmeyin sadece bir eklenti ile bu sorunu \u00e7\u00f6zebilirsiniz. <\/p>\n\n\n\n

WordPress\u2019te WebP Kullan\u0131m\u0131<\/strong><\/h2>\n\n\n\n

WordPress\u2019te WebP kullanmak istiyorsan\u0131z WebP Express\u2019i eklemeniz gerekmektedir. WordPress tabal\u0131 sitelere bu eklenti\u011fi ekleyerek WebP dosyalar\u0131 k\u00fct\u00fcphanenize ekleyebilirsiniz. <\/p>\n\n\n\n

Bu yaz\u0131m\u0131zda siz de\u011ferli kullan\u0131c\u0131lar\u0131m\u0131z i\u00e7in  WebP nedir, art\u0131lar\u0131 ve eksileri nelerdir ve WordPress \u00fczerinde nas\u0131l kullan\u0131l\u0131r ile ilgili bilgi vermeye \u00e7al\u0131\u015ft\u0131k. Umar\u0131z sizler i\u00e7in faydal\u0131 bir i\u00e7erik olmu\u015ftur. <\/p>\n","protected":false},"excerpt":{"rendered":"

Her internet sitesinin sahibi hayalleri aras\u0131nda h\u0131zl\u0131 y\u00fcklenen bir web sitesi oldu\u011funu biliyoruz. Web sitesi sahibi olan herkes sitesinin daha h\u0131zl\u0131 a\u00e7\u0131lma\u0131sn\u0131 ister. Nedeni ise ziyaret\u00e7iler yava\u015f a\u00e7\u0131lan bir sitede vakit kaybetmek istemez. Sayfa h\u0131z\u0131n\u0131 optimize etmek yani sayfan\u0131z\u0131n h\u0131zl\u0131 a\u00e7\u0131lma\u0131sn\u0131 istiyorsan\u0131z WebP format\u0131nda g\u00f6r\u00fcnt\u00fcler kullanabilirsiniz. WebP nedir diye merak ediyorsan\u0131z JPEG\u2019den daha k\u00fc\u00e7\u00fck boyutlara …<\/p>\n","protected":false},"author":19,"featured_media":7142,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[175],"tags":[],"_links":{"self":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts\/7141"}],"collection":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/comments?post=7141"}],"version-history":[{"count":0,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/posts\/7141\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/media\/7142"}],"wp:attachment":[{"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/media?parent=7141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/categories?post=7141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/egegen.com\/blog\/wp-json\/wp\/v2\/tags?post=7141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}