{"id":7172,"date":"2023-09-13T16:52:27","date_gmt":"2023-09-13T13:52:27","guid":{"rendered":"https:\/\/demo3.lond.net\/blog\/?p=7172"},"modified":"2025-01-21T12:43:40","modified_gmt":"2025-01-21T09:43:40","slug":"webp-nedir-webp-yarari-nedir","status":"publish","type":"post","link":"https:\/\/isimkaydet.com\/blog\/webp-nedir-webp-yarari-nedir\/","title":{"rendered":"WebP Nedir? WebP Yarar\u0131 Nedir?"},"content":{"rendered":"\r\n

WebP<\/strong>, 2010 y\u0131l\u0131nda Google taraf\u0131ndan geli\u015ftirilen bir dosya format\u0131 olarak bilinmektedir. Web site sahipleri, sitelerinin daha h\u0131zl\u0131 a\u00e7\u0131lmas\u0131n\u0131 ve site h\u0131zlar\u0131n\u0131n olabilecek en \u00fcst seviyede olmas\u0131n\u0131 ister. Bunun i\u00e7in de WebP dosya format\u0131n\u0131 kullan\u0131l\u0131r. Web y\u00f6neticileri ve web geli\u015ftiricileri, sitenizin daha \u00e7ok h\u0131zl\u0131 y\u00fcklenebilmesi i\u00e7in k\u00fc\u00e7\u00fck dosya boyutlar\u0131nda g\u00f6r\u00fcnt\u00fcler olu\u015fturabilmektedir. WebP. G\u00f6r\u00fcnt\u00fclerdeki kaliteyi ve \u00e7\u00f6z\u00fcn\u00fcrl\u00fck seviyesini koruyarak daha y\u00fcksek bir s\u0131k\u0131\u015ft\u0131rma oran\u0131 da sa\u011flamakta.\u00a0WebP format\u0131, PNG, JPEG gibi formatlara k\u0131yasla daha g\u00fc\u00e7l\u00fc kay\u0131ps\u0131z bir formata sahiptir.<\/strong>\u00a0Kay\u0131pl\u0131 kar\u0131\u015ft\u0131rma genelde, belli bir miktarda orijinal veriyi kald\u0131rarak dosya boyutunu k\u00fc\u00e7\u00fcltmektedir. WebP format\u0131, JPEG ve PNG format\u0131n\u0131n bir araya getirilmi\u015f ve her iki format\u0131n da en iyi \u00f6zelliklerinin kullan\u0131ld\u0131\u011f\u0131 bir formatt\u0131r. Bu durumda WebP format\u0131, JPEG ve PNG formatlar\u0131ndan daha k\u00fc\u00e7\u00fck g\u00f6rseller olu\u015fturmaktad\u0131r. Bir g\u00f6r\u00fcnt\u00fcy\u00fc kodlamak i\u00e7in kay\u0131pl\u0131 WebP \u00f6ng\u00f6r\u00fcl\u00fc kodlama ile g\u00f6r\u00fcnt\u00fc dosyas\u0131n\u0131n boyutlar\u0131n\u0131, %25\u2019ten %34\u2019e d\u00fc\u015f\u00fcrerek kaliteli bir hizmet sunar.\u00a0<\/p>\r\n\r\n\r\n\r\n

\u0130nternetteki web sitelerin i\u00e7erisinde bulunan g\u00f6rsellerin b\u00fcy\u00fck \u00e7o\u011funlu\u011fu JPEG format\u0131 ile olu\u015fturulmaktad\u0131r.\u00a0Google h\u0131z<\/strong>\u00a0optimizasyonuna \u00f6nem verdi\u011fi i\u00e7in \u00f6zellikle de web ortam\u0131ndaki resimlerin daha az yer kaplamas\u0131 i\u00e7in WebP format\u0131n\u0131 geli\u015ftirerek kullan\u0131c\u0131lara sunmu\u015ftur. Bu format, JPEG ve PNG ile kar\u015f\u0131la\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda b\u00fcy\u00fck \u00f6l\u00e7\u00fcde daha k\u00fc\u00e7\u00fck resimler ortaya \u00e7\u0131karm\u0131\u015ft\u0131r. WebP format\u0131, g\u00f6r\u00fcnt\u00fcy\u00fc kodlamak i\u00e7in Predictive Coding yani Tahmini Kodlama y\u00f6ntemini kullan\u0131r. Bu y\u00f6ntem ile birlikte, videolarda bulunan kareleri s\u0131k\u0131\u015ft\u0131rmak amac\u0131yla VP8 video codec bile\u015feni de kullan\u0131l\u0131r. Predictive Coding (Tahmini Kodlama), bir blok \u00fczerinde bulunan de\u011ferleri tahmin etmek i\u00e7in di\u011fer piksel bloklar\u0131ndan de\u011ferler baz al\u0131narak i\u015flem yap\u0131l\u0131r.<\/p>\r\n\r\n\r\n\r\n

\"WebP<\/figure>\r\n\r\n\r\n\r\n

Kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rma (WebP-Lossless)\u00a0<\/h2>\r\n\r\n\r\n\r\n

Kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rma format\u0131<\/strong>, resimlerinizin her pikselinin s\u0131k\u0131\u015ft\u0131rma olmadan ayn\u0131 boyutta kalaca\u011f\u0131 anlam\u0131na gelir. PNG format\u0131, g\u00f6rselleri kay\u0131ps\u0131z bir \u015fekilde olu\u015fturmaktad\u0131r. WebP format\u0131 da ayn\u0131 \u015fekilde kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131rma (Webp-lossless) y\u00f6ntemi, PNG dosyalar\u0131n\u0131z\u0131n kay\u0131ps\u0131z s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015f halinden daha az bir boyut ile ayn\u0131 kaliteyi sunabilir.\u00a0<\/p>\r\n\r\n\r\n\r\n

Kay\u0131pl\u0131 s\u0131k\u0131\u015ft\u0131rma (WebP-Lossy)<\/h2>\r\n\r\n\r\n\r\n

Kay\u0131pl\u0131 s\u0131k\u0131\u015ft\u0131rma format\u0131<\/strong>, resimlerde, g\u00f6zle g\u00f6r\u00fclemeyecek \u00f6l\u00e7ekteki piksellerin kald\u0131r\u0131larak daha fazla oranda s\u0131k\u0131\u015ft\u0131rma elde edilen bir formatt\u0131r. Bu format ile di\u011fer formatlar\u0131 kar\u015f\u0131la\u015ft\u0131rd\u0131\u011f\u0131m\u0131z zaman g\u00f6rsellerin dosya boyutunda, %34 oran\u0131nda bir azalma olu\u015fur.\u00a0<\/p>\r\n\r\n\r\n\r\n

WebP Yarar\u0131 Nedir?<\/h2>\r\n\r\n\r\n\r\n

WebP, daha k\u00fc\u00e7\u00fck resim boyutlar\u0131n\u0131n daha h\u0131zl\u0131 y\u00fcklemesini sa\u011flayarak sitenizde olumlu y\u00f6nde bir fark yaratabilir. Web sitenizin i\u00e7erisinde \u00e7ok fazla resim ve farkl\u0131 kategorilerde resimler varsa daha fazla bant geni\u015fli\u011fi kullan\u0131m\u0131n\u0131n \u00f6n\u00fcne ge\u00e7erek siteniz ad\u0131na avantaj yaratabilirsiniz.\u00a0<\/p>\r\n\r\n\r\n\r\n

WebP Format\u0131n\u0131n di\u011fer formatlara g\u00f6re pek \u00e7ok yarar\u0131 bulunmaktad\u0131r.\u00a0<\/p>\r\n\r\n\r\n\r\n

    \r\n
  • Resim boyutlar\u0131n\u0131 ayn\u0131 kalitede k\u00fc\u00e7\u00fclt\u00fcr.<\/li>\r\n\r\n\r\n\r\n
  • Her t\u00fcrl\u00fc resim, WebP format\u0131 ile k\u00fc\u00e7\u00fclt\u00fclebilir.<\/li>\r\n\r\n\r\n\r\n
  • Di\u011fer formatlar ile k\u0131yasland\u0131\u011f\u0131nda daha \u00e7ok s\u0131k\u0131\u015ft\u0131r\u0131lma \u00f6zelli\u011fine sahiptir.\u00a0<\/li>\r\n\r\n\r\n\r\n
  • Resimlerin daha h\u0131zl\u0131 y\u00fcklenmesini sa\u011flayan bir formatt\u0131r.\u00a0<\/li>\r\n\r\n\r\n\r\n
  • Kaynak t\u00fcketimini en aza indirgeyerek minimum seviyede tutmaktad\u0131r.\u00a0<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n

    WebP dosya format\u0131<\/strong>\u00a0ile web sitenizde farkl\u0131 alanlarda bulunan farkl\u0131 g\u00f6rsel formatlar\u0131n\u0131 kullanmak zorunda de\u011filsiniz. Logolar genellikle PNG format\u0131nda foto\u011fraflar ise JPEG format\u0131nda olu\u015fturulmaktad\u0131r. JPEG ve PNG format\u0131 disklerde \u00e7ok fazla yer kaplad\u0131\u011f\u0131 i\u00e7in Google Pagespeed Ins\u0131ght raporunda bir uyar\u0131 al\u0131rs\u0131n\u0131z. Bu uyar\u0131 da Web siteniz a\u00e7\u0131s\u0131ndan olumsuz bir durum yaratabilir. Bu nedenle daha h\u0131zl\u0131 ve daha fazla s\u0131k\u0131\u015ft\u0131rma alan\u0131 bulunan WebP dosya format\u0131n\u0131 tercih ederek sitenizin g\u00f6rsel k\u0131sm\u0131nda daha h\u0131zl\u0131 bir \u015fekilde i\u015flem yapabilirsiniz.\u00a0<\/p>\r\n\r\n\r\n\r\n

    Wordpress \u00fczerinden\u00a0WebP\u00a0<\/strong>format\u0131n\u0131 kullanmak i\u00e7in \u00f6ncelikle WebP Express\u2019i indirmeniz gerekir. Wordpress altyap\u0131s\u0131nda olan sitelere, bu eklenti eklenerek WebP dosyalar\u0131 k\u00fct\u00fcphaneye eklenebilir.<\/p>\r\n","protected":false},"excerpt":{"rendered":"

    WebP, 2010 y\u0131l\u0131nda Google taraf\u0131ndan geli\u015ftirilen bir dosya format\u0131 olarak bilinmektedir. Web site sahipleri, sitelerinin daha h\u0131zl\u0131 a\u00e7\u0131lmas\u0131n\u0131 ve site h\u0131zlar\u0131n\u0131n olabilecek en \u00fcst seviyede olmas\u0131n\u0131 ister. Bunun i\u00e7in de WebP dosya format\u0131n\u0131 kullan\u0131l\u0131r. Web y\u00f6neticileri ve web geli\u015ftiricileri, sitenizin daha \u00e7ok h\u0131zl\u0131 y\u00fcklenebilmesi i\u00e7in k\u00fc\u00e7\u00fck dosya boyutlar\u0131nda g\u00f6r\u00fcnt\u00fcler olu\u015fturabilmektedir. WebP. G\u00f6r\u00fcnt\u00fclerdeki kaliteyi ve \u00e7\u00f6z\u00fcn\u00fcrl\u00fck<\/p>\n","protected":false},"author":1,"featured_media":7175,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,20,2],"tags":[],"class_list":["post-7172","post","type-post","status-publish","format-standard","has-post-thumbnail","category-editorun-secimi","category-en-iyi-gonderiler","category-wordpress"],"_links":{"self":[{"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/posts\/7172","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/comments?post=7172"}],"version-history":[{"count":3,"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/posts\/7172\/revisions"}],"predecessor-version":[{"id":8273,"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/posts\/7172\/revisions\/8273"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/media\/7175"}],"wp:attachment":[{"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/media?parent=7172"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/categories?post=7172"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isimkaydet.com\/blog\/wp-json\/wp\/v2\/tags?post=7172"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}