Servis Favon. Favonov oluşturmanın evrensel yolu

Favicon - (İngilizce'den. Sık Kullanılanlar Simgesi "Sık Kullanılanlar Simgesi") - Adres çubuğundaki veya kaydedilen sekmesinin yanındaki tarayıcı tarafından görüntülenen web sitesi simgesi 16x16px veya 32x32px. Geleneksel olarak, simgenin adı ve uzantısı favicon.ico kullanır.

Hizmetimiz seçilen görüntüyü (175 KB'a kadar) Site simgesi simgesine (16x16PX veya 32x32PX boyutlarına) dönüştürebilir. Ürettikten sonra sadece Favicon.ico'yu istediğiniz site barındırma kataloğuna indirmeniz gerekir.

Hiçbir simge bir hata değil teknik Optimizasyon Kaynak, marka bilincini azaltır, CTR arama parçacıklarını azaltır, tarayıcı yer imleri ve diğerlerinde bir web kaynağı aramasını kötüleştirir.

Yandex, tüm sitelerin favonunu ayrı ayrı endeksleyen özel bir bota sahiptir. Aramaya yeni simge ekleme sıklığı yaklaşık iki hafta ila bir aydır.

Favictionon'u çevrimiçi olarak indirmek için nereye?

Favicon.ico'yu Site simgesi biçiminde oluşturduğu şekilde görüntülemek için, sitenin kök dizinine (veya herhangi bir dizinde) yüklemelisiniz ve sitenin şablon kodunda (), örnek olarak kendisine mutlak veya göreceli yolunu belirlemelisiniz. Kod:

Neden Favonka'nın yolunu gösteriyor?

Tüm sitede bir site simgesi kullanırken, eğer favicon.ico kök klasöründe ise, yolunu belirleyemezsiniz - tarayıcıların kendileri bulacaklar ve site simgesinin formuna getirecektir. Büyük veya benzersiz kaynaklar, kategorilerinin her birine farklı site simgeleri kullanın. Bunu yapmak için, ilgili şablonlarda, farklı Favicon.ico'ya bir yolu var.

Bugünün makalesinin konusu, WordPress'deki bir site veya blog için Favicon'un çevrimiçi olarak nasıl yapılacağıdır. Bazı nedenlerden dolayı, bu dosyanın henüz neye ihtiyaç duyulduğunu bilmiyorsanız, bu konuda zaten yazdığı makaleyi okumanızı öneririz:

Genel olarak, bu küçük resim her site olmalıdır.

Site için Favicon.ico nasıl oluşturulur

Yani, şimdi Favicon'un nerede olduğunu ve nasıl yapacağını söylemeye çalışacağım. Fakat bir başlangıç \u200b\u200biçin, site için Favon'un hangi boyutta olması gerektiğini bilmeniz gerekir?

Favicon. - Bu, 16 × 16 piksel ile başlayan, farklı boyutlara sahip olan ICO, JPEG, PNG, BMP ve GIF formatlarında bir resimdir. Yandex robotunu endekslemek için bu boyutun simgesi siteye indirilmelidir.

Diğer boyutlarda ikincil bir role sahiptir ve görüntülenmez ara Yandexve iPhone veya iPad gibi tarayıcılarda görüntülemeye hizmet edin. Sitenizin arama sonuçlarında öne çıkmasını istiyorsanız, aşağıdaki kuralı unutmayın.

Farklı boyutlarda birkaç sabit blok durumunda, sayfa kodunda, Yandex'in phava robotu yalnızca ilk adreyi okuduğundan bu yana 16x16 px resminin önündeki yolu ilk önce yerleştirmeniz gerekir.

Favicon'u Photoshop'ta veya başka bir grafik editörde çizmenin en kolay yolu. Daha da kolaylaştırabilir ve önceden hazır bir resim veya fotoğrafı çekebilir ve basitçe gerekli formata ve boyuta dönüştürebilirsiniz. Böyle bir simge çok küçük olduğundan, o zaman görüntünün küçük detayları üzerinde kötü olacaktır. Bu nedenle, Favicon'unuzu mümkün olduğunca basit hale getirmek daha iyidir, ancak aynı zamanda çekici ve benzersizdir. Sonuçta, bu, web kaynağınızın bir kartvizitidir.

Eğer photoshop'un büyük bir işareti değilseniz, önemli değil, site için Favicon oluşturmak için birçok ücretsiz jeneratör var. Bazıları yalnızca görüntüleri ICO formatına dönüştürebilir, diğerleri, sıfırdan bir sabitleyici düzenlemeyi veya oluşturmayı mümkün kılar. Dikkatinize bu tür çevrimiçi jeneratörlerin küçük bir incelemesini getiriyorum.

Servisler Online Favicon Jeneratör - Favicon Online Oluşturma

Kendimle başlayacağım basit HizmetlerVe sonra yavaş yavaş daha gelişmiş, nerede statik ve animasyonlu simgeleri sıfırdan yapıp hazır hale getirebilirsiniz.

Blogunuzu veya şirket web sitenizi kullandığınızda ve hala bir logonuz yoksa, sizin için harika bir çözüm sunarsınız. Bununla birlikte, bir logo oluşturabilir ve ardından bu logonun temelinde, jeneratör seçtiğinizde bir dizi düzeltme oluşturacaktır. Kolaylık, logo ve Phavicon'un bir tarzda oluşturulacağıdır, bu nedenle siteniz daha profesyonel görünecektir.

Basit Phawacon Jeneratörleri

Bir başlangıç \u200b\u200biçin, site için kolayca bir simge yapabileceğiniz, herhangi bir resmi Favicon.ico dosyasına dönüştürerek, düzenlenmeden birkaç siteye.

www.favicongenerator.com - belki de en minimalist hizmet. Gereksiz bir şey yok - Resmi seçti, "Favicon'u oluştur! "Ve oluşturulan simgeyi indirdi.

tools.dynamicdrive.com/favicon. - Basit I. anlaşılabilir hizmetFavicon'u üç boyutta yapabilirsiniz. Alınan dosyaları indirmek için "Favicon İndir" düğmesine tıklamanız gerekir.

www.cy-pr.com/tools/favicon ve www.favicon.co.uk - öncekine benzer hizmetler. Birincisi, 16 × 16 ve 32 x 32'lik faniğin boyutunu ve ikinci ek 48 x 48 ve 64 × 64'ün boyutunu yapabilir.

www.genfavicon.com - Bir simge oluşturma işleminin tamamı üç adım içerir:

Bilgisayarınızda Dosya (JPEG, GIF, PNG) seçin veya URL resimlerini kaydedin ve " Fotoğraf yükleniyor“;
Boyutunu (16 × 16, 32 × 32 × 32, 48 × 48, 64 × 64 veya 128 × 128) ve seçeneğin istenen desenini seçin, eğer görüntünün sadece bir bölümünü oluşturmak istiyorsak " Yakalama ve görüntü“;
Sonuçta bakıyoruz ve her şey uygunsa, dosyayı indirin.

Çevrimiçi jeneratörler için animasyonlu bir Favicon Oluşturma

Şimdi, animasyonlu Favonons yapabileceğiniz birkaç hizmeti görelim ve ayrıca Latin'e metin ekleyebileceğiniz, bu da Koşu Hattı formundaki simgeyle birlikte kaydıracak. Doğru, animasyon tüm tarayıcılar tarafından desteklenmiyor.

www.favicon.by - Rusça hizmet. Gerekli olan tek şey, dosyayı seçin, latin içindeki metni girin (gerekirse) ve "Favicon Oluştur" düğmesine tıklayın. Aşağıda sonucu görebilir ve dosya arşivlerini indirebilirsiniz.

www.favicon.com.mx - Servis, tamamen bir öncekiyle, sadece İngilizce olarak.

Favon'un sıfırdan yapılması - Online Editörler Favicon

antifavicon.com - Bu hizmet, bir nedenden ötürü, anti-sanat ile, bir Favicon.ico dosyasının kendisi oluşturmanıza olanak tanıyan, ancak bir resim biçiminde değil, bir renk arka planda metin olarak değil, ilginçtir. Gerekli olan tek şey uygun harfler girmek ve renkleri seçmektir. Bu arada, buraya favonumu yaptım. Sonra redd'i düşündüm ve şimdi buna alışkınım.

favicon-generator.org - Dönüştürücü hariç, aynı zamanda simgenin editörü de var. Ek olarak, oluşturulan Favon'u, diğer site kullanıcılarını serbestçe indirebileceği halka açık galeriye indirebilirsiniz.

favicon.ru - Popüler Rusça çevrimiçi jeneratör, resimlerden Favona'yı oluşturabilir ve bunları çizebilirsiniz. Ayrıca burada Favicon uzmanlarının oluşturulmasını 20 dolara sipariş verebilirsiniz. Acaba, biri orada emir yaratıyor mu?

www.favicon.cc, öncekine benzer bir popüler jeneratördür. Bu hizmetin ilginç bir özelliği, burada 20 saniyeye kadar bir çerçeve animasyonu yapabilirsiniz.

Animasyonlu Favicon'u görün ve önizleme penceresinde indirin.

www.degraeve.com/favicon başka bir çevrimiçi Favicon jeneratörüdür. Bu editör, önceki gibi, yapmanızı sağlar şeffaf arka plan Simgeler.

Belki de bu bugün tüm çevrimiçi hizmetler olmasa da bugün için yeterli. Ancak bunlar bile siteniz veya blogunuz için güzel bir favon oluşturmak ve arama sonuçlarında farkedilir.

Ve yine de, kullandığım site için başka bir çevrimiçi jeneratör simgeleri. Bu hizmet, size nasıl Favicon'u iPhone için nasıl yapacağınızı söyleyeceğim ayrı bir mesajı hak ediyor, İpod touch. ve İPad tarayıcıları Ve sitede animasyonlu simgeler yükleme konusunda daha ayrıntılı kalacağım. Ek olarak, bu dosya birden fazla görüntü içeriyorsa, tüm Favicon.ico simgelerini kontrol edebileceğiniz Favicon Validator Hizmeti'ne tanıtacaksınız.

Modern web sitelerinin ayrılmaz bir parçası, tarayıcı sekmesi listesindeki bir veya başka bir kaynağı hızlı bir şekilde tanımlamanıza olanak sağlayan Favicon simgesidir. Göndermek zordur bilgisayar programı Kendi benzersiz etiketiniz olmadan. Aynı zamanda, bu durumda siteler ve yazılımlar, oldukça açık bir eşyayı değil - her iki de ICO formatında simgeleri kullanır.

Bu küçük görüntüler nedeniyle olduğu gibi oluşturulabilir Özel ProgramlarYani çevrimiçi hizmetlerin yardımı ile. Bu arada, çok daha büyük bir popülerlik olan bu tür amaçlar için sonuncusu ve bu makalede sizinle birlikte bu tür kaynakları düşüneceğiz.

Grafiklerle çalışmak, web servislerinin en popüler kategorisi değildir, ancak, simgeleri oluşturma açısından kesinlikle aralarından seçim yapabilirsiniz. Operasyon prensibine göre, bu tür kaynaklar kendinizin bir resim çizdiğiniz kişilere ve zaten hazır bir görüntüyü ICO'da dönüştürmenizi sağlayan sitelere ayrılabilir. Ancak çoğunlukla tüm jeneratörler simgeler her ikisini de sunar.

Yöntem 1: X-icon Editor

Bu hizmet, ICO görüntü oluşturmak için en işlevsel çözümdür. Web uygulaması, simgeyi ayrıntılı olarak ayrıntılı olarak çizmenize veya bitmiş görüntüden yararlanmanızı sağlar. Aracın ana avantajı, bir resmi 64 × 64'e kadar olan bir çözünürlükle dışa aktarma yeteneğidir.

Öyleyse, bir dizi tek boyutlu boyutlu simge kümesi oluşturmanız gerekiyorsa - hiçbir şey bu amaçlar için bu amaçlar için x-simge editöründen daha iyi değildir.

Yöntem 2: favicon.ru

Gerekirse, bir web sitesi için 16 × 16'lık bir çözünürlük ile Favicon simgesini oluşturmak için mükemmel bir araç, Rusça dilli bir çevrimiçi hizmet olarak Favicon.ru olarak da hizmet verebilir. Önceki çözüm durumunda olduğu gibi, burada simgeyi bağımsız olarak çizerek, her pikselini ayrı olarak boyayın ve bitmiş resimden Favicon oluşturabilirsiniz.

Sonuç olarak, PC'nize 16 × 16 piksel resmini temsil eden bir ICO uzatma dosyası kaydedilir. Servis, yalnızca görüntüyü sadece küçük bir simgeye dönüştürmesi gerekenler için mükemmeldir. Ancak ve Favicon.ru'da fanteziyi göstermek için hiç yasak değil.

Yöntem 3: favicon.cc

Bir öncekine isim ve operasyon ilkesi olarak benzer, ancak daha gelişmiş bir jeneratör simgeleri bile. Geleneksel 16 × 16 fotoğraf oluşturmanın yanı sıra, servis siteniz için animasyonlu bir Favicon.ico çizmeyi kolaylaştırır. Buna ek olarak, kaynak ücretsiz indirmek için mevcut binlerce özel simge içerir.

İngilizce konuşan arayüz sizi rahatsız etmiyorsa, önceki hizmetle çalışma lehine kesinlikle hiçbir argüman bulunmamaktadır. Favicon.cc'nin animasyonlu simgeler üretebileceği gerçeğine ek olarak, kaynak aynı zamanda, Rus konuşan bir analog olan, ne yazık ki, yoksun olan ithal görüntülerdeki saydamlığı doğru bir şekilde tanır.

Yöntem 4: Favicon.by

Favicon simge jeneratörünün siteler için başka bir seçenek. Sıfırdan veya belirli bir görüntüye dayanarak simgeler oluşturmak mümkündür. Farklılıkların, üçüncü taraf web kaynaklarından resim içe aktarma işlevini ve oldukça şık, özlü bir arayüzü vurgulamak mümkündür.

Genel olarak, bu makalede zaten düşünülen hizmetlerle çalışmada bir fark yoktur, ancak, ICO'daki görüntüleri dönüştürme ile, Favicon.by kaynakları önemli ölçüde daha iyi başlar ve fark etmeyi oldukça kolaydır.

Yöntem 5: Çevrimiçi dönüştürme

Bu siteyi zaten nihai bir çevrimiçi dosya dönüştürücü olarak zaten bilmeniz muhtemeldir. Ancak herkes bunun ICO'daki herhangi bir görüntüyü dönüştürmek için en iyi araçlardan biri olduğunu bilmiyor. Çıkışta 256 × 256 piksele kadar bir çözünürlüklü simgeler alabilirsiniz.

Gördüğün gibi, yarat iCO simgesi Çevrimiçi dönüştürme sitesinin yardımı ile tamamen basittir ve tam anlamıyla birkaç fare tıklaması için yapılır.

Bugünün dersinde size söyleyeceğim favicon simgeler (favon). sana göstereceğim Favicon.ico site için nasıl yapılır (veya bir blog için, burada farksız) ve nasıl yapabileceğinizi gösterin favon yapıştır.

Elbette, birçoğu hala "mucize" neyi söyleyeceğimi bilmiyor. Basitçe söylemek gerekirse, Favicon (Favon), site adresinden önce tarayıcıda olan bir resim (Simge). Blogumun Favicon'unu açıkça göstereceğim:

Bu simge blogunuzun bir tür logosudur. Bu nedenle, bir Favikon'un oluşturulmasına, tam sorumlulukla tedavi etmek gerekir. Unutmayın, blogunuzu diğerleri arasında vurgulayabilir.

Ders planı:

Sıfırdan Favicon Oluşturma.
Favonki'nin oluşturulması. hazır görüntü.
Hizmetler S. hazır simgeler Site için.
Alınan simgeyi siteye takma.

Favicon (Favon) sıfırdan nasıl oluşturulur?

Çok uygun bir servis var. Favicon.cc adresi var. Favonok inşa etmek için bu hizmet şöyle görünüyor:

İçin favanon çekmek Bir renk seçmek ve sadece çizmek için yeterli. Bir şey çektiyseniz, yanlış bir yere, görüntü parçasını kaldırmak için, çıkarmanız gereken piksellerde ("kareler") saydam aracı (kontrol) ve "Poke" seçeneğini seçin:

Aşağıdaki Favonka'yı çektim:

Favicon.cc'nin çoğunda, işinizin sonucunu orijinal boyutta anında görebileceğiniz gerçeğini sevdim. Bunu yapmak için, Önceki bölümünde biraz aşağı inmeniz gerekir:

Ya da tarayıcıya doğru yapabilirsiniz (Opera, Firefox, Internet Explorer. vb.) Sonucu görüntüleyin:

Bitmiş görüntüden Favicon (Favon) oluşturma

Siteniz için sıfırdan bir simge oluşturmak istemiyorsanız, ancak hazır görüntüsünden yapmak istiyorsunuz. Bu durumda, hizmet sizin için Favicon.ru sabitleme yaratmanız için uygun olacaktır.

Rusça servis, bu yüzden problem yaşamamalısın. Sitenizin simgelerini görmek istediğiniz bir resmi belirtin ("Genel Bakış" düğmesi), ardından tıklayın " Favicon.ico oluşturun.", Ve sonra zaten" İndir favicon.ico”.

Favon - terim tam anlamıyla "favori simge" olarak çevrilir - modern web tasarımının en karmaşık unsurlarından biri olarak kabul edilir. Bu, tarayıcı sekmesinde bulunan küçük bir görüntüdür. yerel satır Ve diğer yerler ve site kişiselleştirmesinde önemli bir rol oynar.

Standart olmayan format ve küçük bir boyut nedeniyle, bir Favon'un oluşturulması hem teknik hem de tasarımcı bakış açısıyla zorluklarla ilişkili olabilir.
Hayırsız zorlu görev Çeşitli tarayıcılarla Phavicon uyumluluğunu sunuyor.

Bu yazıda, Favon'un nasıl yapıldığını öğreneceksiniz - tasarım konusunda tavsiyelerde bulunacağız ve bir Favicon oluşturmak için hizmetler hakkında bilgi veririz ve siteye nasıl Favon ekleyeceğiz.

Favon nedir ve neden ihtiyacı var?

Favon'un çok küçük bir grafik nesnesi olduğu gerçeğine rağmen, sitenin tasarımında ve genel olarak son derece önemlidir.

Resmi büyütmek için tıklayın.

ilk olarak, Favon, sitenizi logo gibi diğer grafik öğeleriyle daha kişiselleştirilmiş ve tek bir tarzda yıpranmıştır.

İkinci olarak Favono, listedeki diğer web kaynakları arasında sitenizi vurgular. arama Sonuçları. Bu mini simge olmayan site, rakipleri görünmek ve kaybetmek için solacak. Kısacası, Favon sadece siteler için "olması gerekir".

Üçüncü olarak Favon, kullanıcının sitenizi yer imleri kataloğunda veya masaüstündeki diğer simgelerde bulmasını sağlar.

Favicon Tasarımı Oluşturma

Favon, özü ve markayı ifade büyüklüğünün küçük bir işaretiyle yansıtmalıdır. İyi karar Şirketin logosunun basitleştirilmiş bir versiyonu olacaktır, ancak Not: Metin ve ticari markaları olan tam teşekküllü bir logo bu amaç için uygun değildir.

Bu web siteleri, markalarının grafik işaretini (veya en azından ona benzer bir şey) kullanırlar.

Metin kullanmayın

Metin kullanımından terk edilmelidir, çünkü yazıtın küçük boyutu nedeniyle Favon'un okunamıyor olacak. İkon 1, maksimum 2 harfte yerleştirin - örneğin, şirketinizin adına veya web kaynağınızın adı; Bu durumda, hala ayırt edilebilirler.

Pixelization Favicon

Favonons, her pikselin içinde önemli olması çok küçüktür. Genellikle, tüm boyutlu logodaki bir düşüşle, görüntü belirsizdir.

Bu, 32 × 32'ye düştükten sonra tam boyutlu bir Facebook logosunun parçası. Görüntünün kenarlarda "yüzer" olduğunu görmek kolaydır. Böyle bir kusurdan kaçınmak için, piksel seviyesine düzenleme.
Simgelerle çalışırken, düzenleme yazılımını kullanmayı tercih ederim raster görüntüleri (Örneğin, Photoshop veya PixelMator). İlk başta tam boyutlu logoyu 64 × 64 piksel olarak azaltıyorum, çünkü ihtiyacım olan en büyük favondur. İş çok acı verici, bir saat, hatta iki tane alabilir, ancak sonuç sadece mükemmel.
Bu tür işlemlerde zaman ve becerileriniz yoksa, kullanmak daha iyidir. Çevrimiçi hizmetler, benzeri Logotizer.ru.

Favicon boyutu

64 × 64 boyutunda bir simge almış, ayrıca 32 × 32, 24 × 24 ve 16 × 16 piksel boyutlu bir simge oluşturur. Her birinin kendi varış noktası vardır:

- Safari ve Windows'ta 64 × 64 - "Okuma Listesi"
- 24 × 24 - IE9'da sabit siteler.
- 32 × 32 - Ekranlar için yüksek çözünürlük.
- 16 × 16 - genellikle tarayıcılarda yani, safari, krom vb. Gibi kullanılır.

Ancak daha küçük Favonov'un oluşturulması sınırlı değildir: genellikle gerekli ek düzenleme piksel düzeyinde. Gerekli bulursanız, bir alfa kanalı da ekleyebilirsiniz. Daha önce zorluklara neden olursa, hemen hemen tüm tarayıcılar, Phaniques'deki şeffaflığı desteklemektedir.

Favicon formatları

Önceden, yalnızca Windows ICO formatı dosyaları desteklendi, GIF formatında 16 × 16 pahameyi kaydeterek ve bir uzantıyı vererek zaman kazanabiliriz. Böyle bir resepsiyon sorunsuz çalıştı! Ancak şimdi bu yöntemde gerek yok, çünkü ICO dosyaları oluşturma araçları internette kolayca bulunabilir. Dahası, şimdi Favonov için kullanılır, ancak en yaygın ikisi hala yaygındır.

ICO.

Palm Şampiyonası ICO formatına aittir. PNG dosyalarının aksine, ICO dosyalarının farklı bir çözünürlüğe sahip olabilir ve bit derinliği (Windows için harika olanlar). Internet Explorer tarayıcısı, çeşitli boyutların düzeltmelerini kullanır (örneğin, Windows 7 görev çubuğu için 32 piksel simgeler) ve bu nedenle bu durum ICO formatı tek seçenektir.

PNG dosyaları, büyük bir rahatlıkla ayırt edilir, çünkü onları oluşturmak için özel bir alete ihtiyaç duymazlar. Bu biçim alfa kanalını destekler ve en küçük boyutların dosyalarını oluşturmanıza olanak sağlar. Belki de tek dezavantajı png formatı Desteklenmemesi gerçeğinde yatıyor İnternet tarayıcısı Explorer.

Başka seçenekler de var:

- Çok eski tarayıcılarla uyumluluğun yanı sıra GIF ve Animasyonlu GIF formatlarının herhangi bir avantajı yoktur.
– Jpg formatı Görüntü bir fotoğraf olarak sunulmuş olsa bile kullanılması önerilmez. Bu format PNG'nin netliğinden yoksundur ve tek avantaj daha fazlasıdır. pürüzsüz geçişler Renkler arasında - çok küçük bir görüntüde tamamen bozulmuş olan nüans.
- SVG mükemmel bir seçenek olabilir daha fazla tarayıcı Bu formatın Favona'yı destekledi. Şimdiye kadar sadece opera ile uyumluluk var.
- Firefox ve Opera'da desteklenen "konformat" PNG - APNG (animasyonlu PNG) de var. Bununla birlikte, kullanımının uygunluğu söz konusudur. Animasyonlu Favon dikkati dikkatini dağıtabilir ve hatta kullanıcıyı rahatsız edebilir.

Favon Online Oluştur - Araçlar ve Çevrimiçi Hizmetler

En çok seçtik faydalı HizmetlerOnline Favon oluşturmanız gerekiyor.

Logo.

Logotizer, siteniz için bir favon ve logo oluşturmak için yeni, basit ve kullanışlı bir servisdir.
Bu çevrimiçi yapımcıyla, sıfırdan bir sabitleyici oluşturabilirsiniz. Servis yeni gelenlere odaklanıyor, bu yüzden geliştirmek için İyi tasarım Çalışmayacak.

Bir Yavru Nasıl Oluşturulur Çevrimiçi jeneratör Logo.

Ana çalışma alanı solda bulunur. Favon'un çeşitli medyaya bakacağını görme hakkını görebilirsiniz - tarayıcı sekmesi, bilgisayar görev çubuğu veya akıllı telefon ekranı. Çok rahat ve açıkça.

Başlangıçta, bir Favon için bir form seçmelisiniz. 50'den fazla kişi var. Bir favin algılamayı ve ezberlemesini kolaylaştırmak için basit ve karmaşık formlar seçmenizi tavsiye ediyoruz.

Bu aşamada, FAFONKI'nin bir arka planı olarak giden formun rengini de tanımlarsınız ve bir çerçeve seçin. LOGO'unuzda (varsa) hangi renge sahip olduğuna bakın, hangi renkler sitenizdeki ana renktedir. Bu gamma içinde bir Favicon tasarımı yaratmanızı öneririz.

"Form" bloğunun altında, rakamların bir koleksiyonudur (karakterler). Onlar çok değil, seçeneklerinizi yükleyemeyeceğiniz bir üzücüdür; Ancak seçim hala oldukça ilginç.

Renk, boyut, rakamların yerini değiştirin! Kısacası, deney, iyi, hizmet yapmasına izin verir.

Şekil seçildikten sonra, metninizi ekleyebilirsiniz. Daha önce yazdığım gibi, 1 veya 2 harf kullanmak daha iyidir.

Geniş bir yazı tipi seçimi var. Bu kesinlikle artı. Şekillerde olduğu gibi, metnin rengi, boyutunu, boyutunu değiştirebilirsiniz.

Favicon'un bir tür katmanının geçici olarak hiç etkileşime girdiğine karar verirseniz, sadece gizleyebilirsiniz.

Bir Favon oluşturduktan sonra, hizmet kaydetmek için teklif eder. Bir hesap kaydedin (2017 yılında kayıtsız olarak), ve sonra dosyaları küçük bir ödeme ile indirebilirsiniz - 199 ruble.

Sitede hala küçük bir talimat var, siteye favon nasıl ekleneceğine, bu yüzden Favicon'un siteye eklenmesi konusunda problem yaşamamalısınız. Bu makalede ayrıca benzer tavsiyeler sağlar.

Ödeme yaptıktan sonra, kullanıcı bugüne kadar gerekli tüm cihazların altında bir kerede farklı boyutlarda 10 düzeltmeyi alır (Apple Dokunmatik simgesi, Microsoft Uygulama simgeleri ve diğerleri).

Favicon.ico dosyasının kendisi çok boyutludur ve 1 dosyada (16px, 24px, 32px, 64px) 4 boyut simgesini içerir. Buna göre, tarayıcıyı yer imlerine eklemek için bir site eklerseniz veya bir hikaye açarsanız - farklı boyutlarda simgeleri izleyebilirsiniz, ancak açıkça ve bulanıklık olmadan gösterilecektir.

Genel olarak, servis iyidir. Basit, konforlu, gereksiz bir şey yok.

Realfavicongenerator.net.

- Bu, herhangi bir platform için Favonons oluşturmanıza olanak sağlayan daha basit bir Favon-jeneratördür. Ayrıca, kaynak Favon tarafından test edilebilir. Site URL'nizi girin ve Favonunuzun her tarayıcıda ve her bir tarayıcıda nasıl göründüğünü göreceksiniz. işletim sistemi. Gerçek Favicon Generator, eksikliklerin nasıl düzeltileceğini ve Phavicon'unuzu daha da iyi hale getireceğinizi de ister.

Favicon.by.

Favicon.by.- Başka bir ücretsiz ve kullanımı kolay bir Favon Jeneratörü, dönüştüren png dosyaları, Jpg ve gif format.ico. Resmi bilgisayarınızdan yükleyin, Boyut'u (16x16px veya 32x32px) seçin ve "Oluştur" düğmesine tıklayın. Alınan Favon'u web sitenize kaydetmek için talimatları izleyin.

Ayrıca, hizmet piksel üzerine logo çekmeyi mümkün kılar, ancak dürüst olmak gerekirse, herkes için değildir. Örneğin, yapamadım. İşte çok önemli :)

Siteye Favon nasıl eklenir

HTML - Site sayfası kodunda birkaç düzenleme yaparak siteye Favon ekleyebilirsiniz.

Adım 1: "favicon.ico" dosyasını barındırma sunucunuza indirin.

Bunu yapmak için, bu linkteki FTP sunucunuza gidin:
Ftp: // [E-posta Korumalı]
Kullanıcı adınızı ve şifrenizi girin. Hosting şirketinizin yönetici panelinde edinilebilirler.
Dosyaları kök dizininde favoks ile yükleyin. Kök dizini genellikle "Public_html" veya "www" olarak adlandırılır.

Adım 2: HTML'ye Favon ekleyin.

FTP sunucusu penceresini açın, "index.html" veya "header.php" dosyasını indirin.
O zaman kodu yüklemeniz gerekir. İndirilebilir kod web sitenize bağlıdır.
Siteniz HTML'de ise, index.html dosyasındaki kafa alanını bulun ve aşağıdaki kodu ekleyin:

Siteniz Wordpress'teyse, Header.php dosyasındaki kafa alanını bulun ve aşağıdaki kodu ekleyin:

/Favicon.ico "/\u003e

Bu kodlarla tarayıcılar Favo'nuzu bulabilecektir.
Öyleyse, Favon'unu kurdun!

WordPress ve diğer platformlara favon nasıl eklenir

Kaynağınız WordPress veya diğer CMS'ye dayanıyorsa, daha sonra siteye Favon ekleyin çok basittir. Genel olarak, Farklı platformlar için Favicon'un eklenmesi için algoritma aynı olacaktır.
1. Site konsoluna gitmeniz gerekir.
2. "Tasarım" veya "görünüm" bölümünü bulun.

3. "Tema Ayarları" bölümüne gidin ve orada "Favon" bulun.

4. Favon'u bilgisayarınızdan indirin.

5. Sayfayı kaydedin ve güncelleyin.

Daha karmaşık Favona nasıl oluşturulur

Bu makalede, herhangi bir tarayıcı ve işletim sistemleri pratik ile uyumlu Favonov'u oluşturmanın basit ve hızlı yollarını açıklar. Ancak web tasarımı ve geliştirme söz konusu olduğunda, mükemmellik için bir sınır yoktur. Daha karmaşık bir Favon'un nasıl karmaşık hale getirileceğini öğrenmek istiyorsanız, iOS ana ekranlar için simgeler, Windows'ta Metro Arayüzü simgeleri, Google TV için simgeler ve çok daha fazlası, kendinizi bu malzemelerle tanıştırmanızı öneririz: favicon hile sayfası. Konu hakkında tam bilgi var ve iyi kaynaklar verilir. Bu, sürekli olarak bilgilerini genişletmek isteyen tasarımcılar ve geliştiriciler (ben de dahil) için harika bir seçenektir.

Favico.js kullanarak, sayılarla dinamik favori oluşturabilirsiniz.

Değişen bir rakam simgesine sahip olan dinamik bir Favon'a da ihtiyacınız olabilir. Böyle bir Favonov oluşturmak için, hizmeti kullanmanızı tavsiye ederim. favico.js.Github'da mevcut. Dinamik düzeltmeler tüm tarayıcılarla uyumlu olsa da. Ancak bunları destekleyen bu tarayıcılar için, bu simgeler ilginç ve faydalı bir ekleme olabilir.