{"id":7148,"date":"2024-04-15T09:22:56","date_gmt":"2024-04-15T06:22:56","guid":{"rendered":"https:\/\/www.inetmar.com\/blog\/?p=7148"},"modified":"2024-07-29T16:43:07","modified_gmt":"2024-07-29T13:43:07","slug":"favicon-nedir-nasil-yapilir","status":"publish","type":"post","link":"https:\/\/www.inetmar.com\/blog\/favicon-nedir-nasil-yapilir\/","title":{"rendered":"Favicon Nedir? Nas\u0131l Yap\u0131l\u0131r?"},"content":{"rendered":"<p>T\u00fcrk\u00e7e <strong>\u201cfavori simge\u201d<\/strong> anlam\u0131na gelen <strong>\u201cfavorite icon\u201d<\/strong> kelimeleri k\u0131salt\u0131larak <strong>\u201cfavicon\u201d<\/strong> \u015feklinde kullan\u0131lmaktad\u0131r. Favori simge yani favicon nedir nas\u0131l yap\u0131l\u0131r bir web sitesi olu\u015fturacak ki\u015filerin bilmesi gereken noktalar aras\u0131nda yer al\u0131r. K\u0131saca tan\u0131mlamak gerekirse favicon, web sitenizin simgesidir. Bu simge ile siteniz farkl\u0131 platformlarda temsil edilir. Ziyaret\u00e7ileriniz simgeniz sayesinde sitenizi tan\u0131r.<br \/>\nWeb sitesinin \u00fcst k\u0131sm\u0131nda <strong>16X16<\/strong> boyutlar\u0131nda olarak tasarlanan favicon, sitenin bilinirli\u011finin artmas\u0131nda son derece \u00f6nemlidir. Web sitenizin logosu olarak da d\u00fc\u015f\u00fcnebilece\u011finiz bu simgeyle sitenin ilgi \u00e7ekici olmas\u0131na da katk\u0131 sa\u011flars\u0131n\u0131z. \u0130nternet art\u0131k k\u00fc\u00e7\u00fck b\u00fcy\u00fck b\u00fct\u00fcn firmalar\u0131n en b\u00fcy\u00fck pazar\u0131 haline gelmi\u015ftir. Olu\u015fturaca\u011f\u0131n\u0131z web siteniz ile siz de bu pazarda yerinizi alabilirsiniz. Pazar pay\u0131n\u0131z\u0131 art\u0131rma ve markala\u015fma yolunda ilerlemek i\u00e7inse logoya yani web sitenizin simgesi olacak favicona ihtiya\u00e7 duyars\u0131n\u0131z.<\/p>\n<h2>Favicon Nedir?<\/h2>\n<p><strong>Favicon ne demek <\/strong>diye bak\u0131ld\u0131\u011f\u0131nda, web sitenizin logosu olarak da tan\u0131mlanabilen bir simgedir. Bu simgeyi incelemek i\u00e7in \u00e7e\u015fitli web sitelerini ziyaret edebilirsiniz. Ziyaret etti\u011finiz her sitenin \u00fcst k\u0131sm\u0131nda bir simge oldu\u011funu g\u00f6rebilirsiniz. \u0130\u015fte bu simge favicon olarak adland\u0131r\u0131l\u0131r. G\u00fcn\u00fcm\u00fczde \u00fccretsiz olarak kendi web sitenizi olu\u015fturabilece\u011finiz \u00e7e\u015fitli platformlar ve uygulamalar bulunur. Bunun yan\u0131nda web sitesi tasar\u0131m\u0131 da yapt\u0131rabilirsiniz. Her ko\u015fulda sitenizin tan\u0131nmas\u0131n\u0131 sa\u011flayacak favicon olu\u015fturulmas\u0131 da gerekir.<\/p>\n<p>Web sitesi i\u00e7in favicon olu\u015fturma i\u015flemini bunun i\u00e7in haz\u0131rlanm\u0131\u015f \u00f6zel programlardan yararlanarak ger\u00e7ekle\u015ftirebilirsiniz. Bu tarz programlar\u0131 kullanma konusunda deneyiminiz olmayabilir ya da zaman\u0131n\u0131z olmad\u0131\u011f\u0131nda profesyonel destek alabilirsiniz.<\/p>\n<p><a href=\"https:\/\/www.inetmar.com\/blog\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-7158 aligncenter\" src=\"https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/04\/SS1-300x115.png\" alt=\"\" width=\"368\" height=\"141\" srcset=\"https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/04\/SS1-300x115.png 300w, https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/04\/SS1.png 313w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><\/a><\/p>\n<h2>Favicon Neden \u00d6nemli?<\/h2>\n<p><strong>Favicon neden \u00f6nemli<\/strong> sorusuna asl\u0131nda bir\u00e7ok cevap verilebilir. G\u00fcn\u00fcm\u00fczde pek \u00e7ok \u00f6nemli marka hi\u00e7 ad\u0131n\u0131 kullanmadan sadece logolar\u0131n\u0131 kullanarak reklam kampanyalar\u0131 haz\u0131rl\u0131yor. T\u00fcketiciler marka ad\u0131n\u0131 g\u00f6rmese de logodan hangi marka oldu\u011funu kolayca anlayabiliyorlar. Ayn\u0131 etkiyi \u00e7evrimi\u00e7i olarak da g\u00f6rebilmek ad\u0131na web siteniz i\u00e7in favicon olu\u015fturulmas\u0131 gerekir. Favicon kullanman\u0131n \u00f6nemini \u015fu \u015fekilde belirtmek m\u00fcmk\u00fcnd\u00fcr:<\/p>\n<ul>\n<li>Sekme ikonu olarak yer al\u0131r ve ziyaret\u00e7iler taraf\u0131ndan \u00fczerine t\u0131klanarak sitenize giri\u015f yap\u0131l\u0131r<\/li>\n<li>Markan\u0131z\u0131n bilinirli\u011fi artar ve g\u00fcvenilir imaj sa\u011flar<\/li>\n<li>Web sitenizin uygulamas\u0131 indirildi\u011finde ekranda favicon yer al\u0131r ve bilinirli\u011fi artt\u0131k\u00e7a sad\u0131k m\u00fc\u015fteriler edinebilirsiniz<\/li>\n<li>Siteniz s\u0131k kullan\u0131lanlara eklendi\u011finde favicon ile daha belirgin hale gelir<\/li>\n<\/ul>\n<h2>Favicon Nas\u0131l Yap\u0131l\u0131r?<\/h2>\n<p><strong>Favicon yap\u0131m\u0131<\/strong> i\u00e7in kullanabilece\u011finiz \u00e7e\u015fitli uygulamalar bulabilirsiniz. Bu uygulamalardan yararlanacaksan\u0131z firman\u0131z\u0131n logosundan yola \u00e7\u0131kmal\u0131s\u0131n\u0131z. Logonuzun k\u00fc\u00e7\u00fclt\u00fclm\u00fc\u015f hali olarak da olu\u015fturulabilir. Bunun yan\u0131nda m\u00fckemmel sonu\u00e7 almak i\u00e7in i\u015fi uzman\u0131na b\u0131rakman\u0131z yararl\u0131 olur. Favicon yap\u0131m\u0131 i\u00e7in profesyonel hizmet alabilirsiniz.<\/p>\n<p>Favicon tasar\u0131m\u0131 gibi ayn\u0131 zamanda taray\u0131c\u0131larda g\u00f6r\u00fcn\u00fcr olmas\u0131 da son derece \u00f6nemlidir. Mobil cihazlar ve bilgisayarlar i\u00e7in farkl\u0131 boyutlarda tasarlan\u0131r. Ayn\u0131 \u015fekilde masa\u00fcst\u00fc ikonu ya da k\u0131sa yol ikonu olarak da farkl\u0131 boyutlarda tasarlanmas\u0131 gerekir. Profesyonel hizmet ald\u0131\u011f\u0131n\u0131zda olu\u015fturulan favicon markan\u0131z\u0131n tan\u0131nmas\u0131 i\u00e7in her alanda uygun olarak kullan\u0131labilir.<\/p>\n<p>E\u011fer kendiniz Favicon olu\u015fturmak istiyorsan\u0131z a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 izleyebilirsiniz:<\/p>\n<p>Taray\u0131c\u0131 \u00fczerinden <a href=\"https:\/\/www.favicon.cc\/\" target=\"_blank\" rel=\"nofollow noopener\">favicon.cc<\/a> adresine gidelim.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-7161\" src=\"https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/04\/123-300x131.png\" alt=\"Favicon Nedir\" width=\"689\" height=\"301\" srcset=\"https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/04\/123-300x131.png 300w, https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/04\/123-1024x448.png 1024w, https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/04\/123-768x336.png 768w, https:\/\/www.inetmar.com\/blog\/wp-content\/uploads\/2024\/04\/123.png 1048w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><\/p>\n<p><strong>&#8220;Create New Favicon&#8221;<\/strong> se\u00e7ene\u011fine t\u0131klayarak yeni bir favicon tasar\u0131m\u0131 ba\u015flat\u0131n.<br \/>\nKendi tasar\u0131m\u0131n\u0131z\u0131 olu\u015fturmak i\u00e7in \u00e7e\u015fitli ara\u00e7lar ve renk paletleriyle birlikte gelen aray\u00fcz\u00fc kullan\u0131n.<\/p>\n<p>Var olan bir logoyu Favicon olarak kullanmak istiyorsan\u0131z <strong>&#8220;Import Image&#8221;<\/strong> se\u00e7ene\u011fini kullanarak logonuzu y\u00fckleyin ve favicon olarak d\u00fczenleyin.<\/p>\n<p>Alternatif olarak <strong>&#8220;Top Rated Favicons&#8221;<\/strong> b\u00f6l\u00fcm\u00fcnden pop\u00fcler faviconlardan birini se\u00e7ip indirebilir ve kullanabilirsiniz.<\/p>\n<p><strong>NOT:<\/strong> Faviconunuzun k\u00fc\u00e7\u00fck boyutu g\u00f6z \u00f6n\u00fcnde bulundurularak karma\u015f\u0131k detaylardan ka\u00e7\u0131nmak \u00f6nemlidir.<\/p>\n<p>Faviconunuzu web sitenize entegre etmek i\u00e7in g\u00f6rseli<strong> public_html<\/strong> i\u00e7ine y\u00fckledikten sonra a\u015fa\u011f\u0131daki HTML kodunu <strong>&lt;head&gt;<\/strong> etiketleri i\u00e7ine eklemeniz yeterlidir:<\/p>\n<div class=\"dark bg-gray-950 rounded-md\">\n<div class=\"p-4 overflow-y-auto\" style=\"text-align: center;\"><code class=\"!whitespace-pre hljs language-html\">&lt;link rel=\"shortcut icon\" href=\"resim\/favicon.ico\" type=\"image\/x-icon\"&gt;<br \/>\n<\/code><\/div>\n<\/div>\n<p>Bu kod par\u00e7ac\u0131\u011f\u0131 favicon.ico dosyan\u0131z\u0131 web sitenize ba\u011flar. E\u011fer <strong>.jpg .png .gif<\/strong> uzant\u0131l\u0131 g\u00f6rsel kullanmak istiyorsan\u0131z <code class=\"!whitespace-pre hljs language-html\">href=\"resim\/favicon.ico<\/code>\u00a0 k\u0131sm\u0131ndaki uzant\u0131y\u0131\u00a0d\u00fczenleyebilirsiniz.<\/p>\n<h2>Favicon Olu\u015ftururken Dikkat Edilmesi Gerekenler<\/h2>\n<p>Web sitenizde olduk\u00e7a k\u00fc\u00e7\u00fck bir yer kaplayan favicon olu\u015ftururken dikkat edilmesi gerekenler vard\u0131r. Olu\u015fturulan faviconun kendi k\u00fc\u00e7\u00fck ama etkisi b\u00fcy\u00fck olmas\u0131 beklenir. <strong>Favicon olu\u015fturma<\/strong> i\u015flemini kendiniz yaparken ya da profesyonel destek ald\u0131\u011f\u0131n\u0131zda \u015fu noktalara dikkat edilmesi gerekir:<\/p>\n<ul>\n<li><strong>Basitlik ve ak\u0131lda kal\u0131c\u0131l\u0131k:<\/strong> Faviconlar k\u00fc\u00e7\u00fckt\u00fcr, bundan dolay\u0131 m\u00fcmk\u00fcn oldu\u011funca basit \u015fekilde tasarlanmas\u0131 gerekir. Favicon i\u00e7inde \u00e7ok fazla detay olmamal\u0131 ve \u00e7arp\u0131c\u0131 bir yal\u0131nl\u0131k bulundurmal\u0131d\u0131r.<\/li>\n<li><strong>Markan\u0131z\u0131 yans\u0131tmal\u0131:<\/strong> Marka renginiz, ruhunuz ve kurumsal yap\u0131n\u0131z favicon ile yans\u0131t\u0131lmal\u0131d\u0131r.<\/li>\n<li><strong>Metin \u00e7ok az olmal\u0131:<\/strong> Faviconda ya hi\u00e7 ya da \u00e7ok az metin olmas\u0131 ak\u0131lda kal\u0131c\u0131l\u0131\u011f\u0131n\u0131 art\u0131racakt\u0131r.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a class=\"waffle-rich-text-link\" href=\"https:\/\/www.inetmar.com\/domain\/domain-sorgulama\/\">Domain sorgulama<\/a> ara\u00e7lar\u0131m\u0131z ile g\u00fcvenli bir \u015fekilde sorgulama yap\u0131n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00fcrk\u00e7e \u201cfavori simge\u201d anlam\u0131na gelen \u201cfavorite icon\u201d kelimeleri k\u0131salt\u0131larak \u201cfavicon\u201d \u015feklinde kullan\u0131lmaktad\u0131r. Favori simge yani favicon nedir nas\u0131l yap\u0131l\u0131r bir web sitesi olu\u015fturacak ki\u015filerin bilmesi gereken noktalar aras\u0131nda yer al\u0131r. K\u0131saca tan\u0131mlamak gerekirse favicon, web&#46;&#46;&#46;<\/p>\n","protected":false},"author":2,"featured_media":7180,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"class_list":["post-7148","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"_links":{"self":[{"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/posts\/7148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/comments?post=7148"}],"version-history":[{"count":33,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/posts\/7148\/revisions"}],"predecessor-version":[{"id":9845,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/posts\/7148\/revisions\/9845"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/media\/7180"}],"wp:attachment":[{"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/media?parent=7148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/categories?post=7148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inetmar.com\/blog\/wp-json\/wp\/v2\/tags?post=7148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}