GirişFavon House. Favonov oluşturmanın evrensel yolu
Bu derste, Favicon'un oluşturulması göz önünde bulundurulur, bu simgenin neden gerekli olduğunu, türünü ve çekiciliğini geliştirmek için önerilerde bulunacaksınız.
Ek olarak, siteye Favicon oluşturma ve ekleme sürecini göz önünde bulunduracağız.
Favicon. - Bu, tarayıcının adres çubuğunda ve açık sayfaların sekmelerinde görebileceğiniz küçük bir simge, ve bir site eklenirken, bu simge tarayıcı yer imlerine eklenir.
Ek olarak, Yandex arama motoru Favicon simgesini sitenizin yanında yayınlanmasının sonuçlarında görüntüler. Göreviniz, bu simgenin bu simgenin öne çıktığı, iadelerinin diğer simgelerinin arka planına karşı hatırlandığını ve sitenizle de bazı derneklere sahip olduğunu hatırlıyorum. Güzelce yaratılmış ve dikkat çekmek için dikkat çekmek Favicon, sitenize gol sayısını önemli ölçüde artırabilir veya bunların yüklü olmadığı veya çekici bir görünüme sahip olanlara kıyasla.
Favicon oluştururken düşünülmesi gereken bazı öneriler.
#bir. Simge kolayca tanınabilir ve sitenizin veya sitenizin ait olduğu sizle veya nişinizle ilişkilendirilmelidir. Bir rozet olarak, birliğin logosunu veya sembolünü sitenizle kullanabilirsiniz. Ek olarak, web sitenizi veya logonuzu oluşturan renk gamını kullanabilirsiniz.
# 2. Standart simgeler kullanmayın. Birçok kişi belirli bir CMS'de bir site oluşturduktan sonra, değiştirmeden simgeyi bırakın. Sonuç olarak, arama motorunun düzenlenmesinde, böyle bir rozetle bir site olmayabilir, ancak birçok olabilir. Bu, sitenizi nasıl vurgulamadığınız değildir, bu nedenle yalnızca siteniz için özel olarak oluşturulan benzersiz Favicon simgelerini kullanın. Bu, çeşitli koleksiyonlardan veya diğer sitelerin arayüzünün elemanlarından simgeleri kullandığınızda durumu da içerebilir. Dikkat edersiniz, benzersiz bir Favicon'a ihtiyacınız var.
# 3. Bir kural olarak daha parlak ve parlak renkler kullanmak için bir rozet oluştururken, daha fazla dikkat çekiyorlar.
#four. Animasyonlu simgeler kullanmayın. İlk olarak, animasyon tüm tarayıcılar tarafından desteklenmektedir, ikincisinde ziyaretçinin dikkatini içeriğe konsantre edilmeli ve ikonda değil.
Şimdi doğrudan Favicon işleminin kendisini düşünün. Bunun için birçok hizmet var. Bununla birlikte, zaten bir yerde servis edilen veya bir miktar koleksiyondan alınan bir yere sahip oldukları bir simgeye sahip olanlar için daha uygundurlar. Ancak yukarıda söylediğim gibi, simge benzersiz olmalı, bu yüzden burada site sitesi örneğinde Photoshop kullanarak oluşturma sürecini düşüneceğim.
Photoshop'ta Favicon Küme Oluşturma
#bir. Photoshop boyutunda yeni bir belge oluşturun 64 * 64px, bunu yapmak için, "Dosya" menüsüne gidin \u003e\u003e "Yeni ..." veya CTRL + N tuş kombinasyonuna basın. Genel olarak, simgenin kendisi 16 * 16 piksel olmalıdır, ancak önce aynı boyutta oluşturmak ve daha sonra gerekli olanı azaltmak daha iyidir.
# 2. Benim durumumda, site için logonuz yok, bu yüzden sitenin adresinin başladığı "W" sembolünü kullanmaya karar verdim, aynı zamanda sitenin üstündeki renklerin yanı sıra mavi ve sarı renktedir. Bu nedenle, # 6A91D0 renk değerini ayarladım ve "Doldur" aracını (G) kullanarak daha önce oluşturulan belgenin mavi rengini ayarladım.
# 3. Bundan sonra "Metin" aracını (T) "W" sembolünü (T) seçtim ve aşağıdaki renk değerini # FAC31D'yi ayarladım.
Mavi bir arka plan üzerinde daha fazla duran sembol için, siyah bir renk ve 2px boyutu ile ekledim. Bunu yapmak için, menü öğesine gitmelisiniz. "Katman" \u003e\u003e "Stil Katmanı" \u003e\u003e "İnme", Strok'un rengini ve boyutunu seçin.
Bundan sonra katmanları birleştirmeniz gerekir, çünkü bunun için menü öğesine gitmeniz gerekir. "Katman" \u003e\u003e "Görünür Birleştir" Veya Shift + Ctrl + E tuş kombinasyonuna basın.
Hatların pürüzsüz spor ayakkabısı olması için bulanıklık ekledim. Bunu yapmak için, menü öğesine gitmelisiniz. "Filtre" \u003e\u003e "Bulanıklık" \u003e\u003e "Gauss'ta Bulanıklık ..." Ve 0.3 piksel yarıçapını ayarlayın.
Onun karakteri veya görüntü yeri, böylece maksimum alan gerektirir, çünkü eğer küçükse, daha sonra ikonun boyutu 16 * 16 dikkat çekmez.
#four. Şimdi simgenin boyutunu değiştirmeniz gerekir. Bunu yapmak için menüye gidin \u003e\u003e "Resim Boyutu"ve 16 * 16px boyutunu ayarlayın.
#beş. Simgeyi kaydetmek için kalır. Favicon simgesi Favicon ve Extension.ico adına sahip olmalıdır. Gerçek şu ki, varsayılan Photoshop, görüntüleri Format.ico'da kaydetmemesidir. Bu nedenle, Format.png, bunun için kaydedin, "Dosya" \u003e\u003e "Kaydet ..." menüsüne gidin ve açılır listeden PNG'yi seçin.
Format.ico'da dönüşüm görüntüsü
Bundan sonra, hizmeti kullanarak formatına dönüştürüyoruz. Bu hizmete gidin ve "Genel Bakış" düğmesini kullanarak, PNG biçiminde önceden kaydedilmiş dosyayı seçin ve ardından "Favicon.ico Oluştur" düğmesine tıklayın.
Bundan sonra, Link "Favicon.ico!" İndirme sayfasında görünecektir. Bitmiş Favicon simgesini bilgisayara kaydedebileceğinizi tıklayarak.
Şimdi Favicon'u sitenize eklemenin zamanı geldi, böylece tüm sayfaları için görüntülenir. Bunu yapmak için, simgeyi sitenizin kök klasörüne yerleştirin. Siteniz zaten barındırıyorsa, genellikle bu klasör "Public_html" olarak adlandırılır. Ardından, sitenizin her sayfasında, kapanış etiketinin önünde Aşağıdaki satırları ekleyin:
Ancak her sayfada, HTML'de bir siteniz varsa, dize verileri eklenmelidir. Ancak, büyük olasılıkla siteniz bir temel oluşturur, bazı CMS, o zaman bu satırları siteniz için kullandığınız temanınızın ana dosyasına eklemek için yeterli olacaktır.
WordPress kullanıyorsanız, WP-Content / Temalar klasörüne / klasörüne gidin.
Joomla kullanıyorsanız, ardından Şablonlar klasörüne / klasörüne gidin.
WordPress ve Joomla'daki bazı konularda, yolları zaten Favicon.ico dosyasına hecelenebilir, bu durumda onları çıkarın ve değiştirin.
Eğer kullanırsanız, diğer CMS, ardından her şeyi analoji olarak yapın.
Sayfaların sayfalarında ve tarayıcının adres çubuğunda, Simgeniz hemen yandışın araması için olduğu gibi, zamanın olması gerektiği gibi ve özel arama robot Yandex, bundan sonra simgeniz bulundu Arama sonuçlarında görüntülenecektir.
Malzeme proje tarafından hazırlanır:
Favicon (İngilizce. Favori icon), siteyi, tarayıcı sekmesini veya yer imlerini ("Sık Kullanılanlar") görüntülenirken tarayıcı adresinde görüntülenen özel bir formatta küçük bir simgedir (resim, resim).
favicon siteniz için ek bir dekorasyon, mini logonuz. Ayrıca Yandex, Google'ı aramada bir sitenin listesini görüntülerken ve sitenizi geri kalanına karşı vurgularken de gösterilir.
Site için neden Favicon'a ihtiyacınız var?
favicon, sitenizin bir ticari markasıdır. Bugün birçok şirket, rakipler arasında onları vurgulayan kendine özgü bir Favicon simgesi var. Simgenin kullanıcılar tarafından hatırlanması için daha iyi olması için şirketler, logolarını, site kapaklarının unsurlarından biri olmalıdır. Favicon kullanmanın bir başka pozitif özelliği, tarayıcıdaki çok sayıda siteyi görüntülerken, sayfa başlığını tamamen görmezsiniz ve yalnızca simgeyi görebilirsiniz ve gitmek istediğiniz sekmeyi kolayca belirleyebilirsiniz.
Favon'da tasvir etmek daha iyidir?
- Simge sitenin konusuna uymalıdır.
- marka Bu marka ile bağlantılı bir siteniz varsa. Aynı zamanda, farklı sayfalar için çeşitli markalar görüntülenebilir;
- Tıklamak istediğiniz Favon'u uygulayın, Yandex, Google'ı aramada görüntülendiğinde kablolu artıracaktır;
- Sitenizin çeşitli bölümleri için çeşitli Favonok tasarımını yapın.
- Çeşitli etkinlikler için Favonok'un birkaç tasarımını yapın (örneğin Yeni Yıl, Sevgililer Günü veya Kozmonotik Günü, :).
Animasyonlu bir Favicon nasıl yapılır?
ICO formatı animasyonu desteklemiyor. Ancak modern tarayıcılar minyatür için GIF formatına izin verir. Modern tarayıcıların bir animasyonlu dosyayı (favicon.gif) ve eski, Intertet Explorer, diğer (Favicon.ico) için belirtmek mümkündür. Bunu yapmak için, kafa bölümünde, aşağıdaki iki satırı yapın:
Doğal olarak, önce her iki dosyayı da sitenin kök klasörüne koymanız gerekir.
Ya tarayıcıya görüntü görüntülemek yasaktır?
Favicon'u üst kodda gömülü görüntüyle yaparsanız:
Resimler devre dışı bırakıldığında bile simge tarayıcıda gösterilecektir. .
Sitede Favicon Nasıl Gidilir?
Tüm webmasterlar, sitenin kökünündeki Favicon.ico'ya sahip değil. Favicon adresini almak için aşağıdaki komut dosyasını kullanın:
] *) bağlantı ([^\u003e] *) (rel \u003d "icon" | rel \u003d "Kısayol simgesi") ([[^\u003e] *)\u003e / iu ", $ html, $ dışarı)) ($ link_tag \u003d $ dışarı eğer (preg_match ("/ href ([s] *) \u003d ([s] *)" ([^ "] *)" / iu ", $ link_tag, $ dışarı)) ($ favicon \u003d trim ($ dışarı) eğer (strps ($ favicon, ": //") \u003d\u003d\u003d false) $ Favicon \u003d $ URL. "/". ltrim ($ favicon, "/");))?\u003e?
Google Arama Sistemleri, Yandex ve Favicon
Arama motorlarının robotu, sitelerin simgelerini önbelleğe alır. Yığılmış simgeler aşağıdaki isteklerde mevcuttur:
Ek olarak, Yandex, farklı sitelerin simgelerinden "Sprite" yapabilir:
İPhone ve iPad için simgeler
Yine de iPhone'un görüntüsüne bir link bağlantısı belirtmeseniz bile, Sitenin kök klasörünü Apple-touch-icon.png adıyla aramak için hala ve bulacaksa, alacaksa Bundan bir resim, köşeleri yuvarlayın ve otomatik olarak bir parlama ile kaplanacaktır. Kaçınmak için, Apple-touch-icon.png yerine, bir Apple-Touch-icon-icon-bound.png iPhone'ların ve nokta sahiplerini, çünkü Onlar için 57x57 boyutunda güzel bir simge yapıyoruz (bu arada ve daha fazlasını yapabilirsiniz, ancak bu öğle-ekrandaki simgenin standart boyutudur), böyle bir şekilde bağlar:
Favicon'un dinamik olarak değiştirilmesi nasıl?
Etiket özelliğinin DOM üzerinden değerini değiştirmeye çalışırsanız, istediğiniz sonucu çaba göstermiyorsunuz. Sayfa simgesini dinamik olarak değiştirmek için önce, bağlantı etiketini sayfa başlığından eski bir simge ile kaldırmanız ve ardından yeni içeriğe eklemelisiniz. Bu şöyle yapılır: // yeni simge dosyasının dosyasına link \u003d "new_favicon.ico"; var head \u003d document.getelementsbytagname ("kafa"); // Head Var Links Tag \u003d head.getelementsbytagname ("link"); için (var i \u003d 0; ben< links.length; i++) { var lnk = links[i]; if (lnk.rel=="shortcut icon") { head.removeChild(lnk); } } // Добавить новую иконку var link = document.createElement("link"); link.setAttribute("href",icon); link.setAttribute("type","image/x-icon"); link.setAttribute("rel","shortcut icon"); head.appendChild(link);HTML5 ve FAVICON.
HTML5'te, boyutlar özniteliği eklendi, aynı simgelerin birkaç farklı versiyonunu bildirmenize izin verdi ve PNG dosyaları olabilir:
Windows 8'de tabletler için fayans nasıl ilan edilir?
Windows 8.0 için duyuru böyle bir şeye benziyor:
Windows 8.1 ve IE 11, BrowserConfig.xml'de açıklanan görüntünün birkaç sürümünü bekler. Örneğin:
Dosya adının değişmediğini beyan edemezsiniz:
Favon nedir?
Favon'un ne olduğunu bilmeyenler için, durumun kursu girmenize izin verecek küçük bir sertifika vereceğiz. Favon, genellikle logo, markanın ilk harfi olan, markanın ilk harfi olan, işletme türünü veya sitenin konusunu yansıtan küçük bir simgedir.
Neden Favon önemlidir?
Favon aşağıdaki işlevleri gerçekleştirir:
Markalaşma.
Sitenin kullanıcı tarafından tanımlanması (kullanım kolaylığı).
Profesyonel bir görünüm alanı uygular.
Favon kullanmanın ana avantajlarında durmasına izin verin.
Marka tanıma
Favon - küçük bir site sertifikası olarak. Tanıtım bölümünde belirtildiği gibi, Favon kullanıcının sitenizi birçok izlenen siteler arasında hatırlamalarına yardımcı olur. Bir görüntüleme geçmişi, Google arama sonuçları veya tarayıcınızdaki sitelerin yer imlerinin listesi olup olmadığı, Favona, kullanıcının sitenizi kolayca tanıyabilmesine ve ona gitmesine yardımcı olacaktır.
Güven
Kullanıcılar, internetteki mal ve hizmetlerin tüccarlarını, sitenin ne kadar profesyonel olarak yapıldığı temelinde değerlendirme eğilimindedir. Bir Favon'un eksikliği biçiminde çirkinlik (arama motorları, boş bir belgenin favon simgesi olmayan bir web sitesi görüntüler), özellikle kullanıcılar sizi rakiplerle karşılaştırırken, güven kaybına neden olabilir.
Tekrarlanan ziyaretler
İnsanların görüntüye metinden olduğundan daha iyi tepki verdiği bilinmektedir. Şimdi, sitenizin ziyaretçisinin ilk kez ziyaret ettiğimde koştuğunu ve daha sonra geri dönmek için yer imlerine eklemeye karar verdiğini varsayalım. Bu kişinin daha sonra, yer imlerine ne döneceğiniz için sitenizi tekrar ziyaret etmeye karar verir. Geliştirilebilir ve benzersiz bir harf GOGLE ve kullanıcı sizi bulacağınız gibi tanınabilir bir Favon'a sahipseniz şanslısınız. Favicon yoksa, yer imlerinin listesinden bile çıkarılabilir.
Kullanıcı zamanını kaydeder
Favonons, kullanıcının yaptığı zaman, siteyi yer imlerine, tarihçesinde veya tarayıcının hızlı bir tanımlama için bir favy yerleştirdiği diğer yerlerde tanımlamak için zaman kazandırır. Sadece ortalama ziyaretçinin hayatını sitenize kolaylaştırır.
SEO için faydalar.
Sitenizin Favon'a sahip olması durumunda, arama sonuçlarında bulunmadığı sitelerden daha iyi görünür ve bu nedenle daha fazla ziyaretçi çekebilirsiniz.
Favon nasıl oluşturulur?
Dakikada Favon oluşturmak için birçok araç var. Tasarım becerileriniz yoksa veya bunun nasıl yapılacağını bilmiyorsanız, Logicer kullanarak Favon'u oluşturmayı deneyebilirsiniz.
Bunu yapmak için adım adım talimatları izleyin:
Adım 5. Favon Oluştur
Şimdi bir logonuzunuz, logo sayfasında "Bu logolu Favon Oluştur" ı tıklayın.
Adım 6. İstediğiniz favicon tasarımını seçin
Logo durumunda, Logaster birkaç düzine güzel ve kullanıma hazır Favonov üretecektir. En sevdiğiniz tasarımı seçin. Önizleme, favyamanızın sitede nasıl görüneceğini görmenizi sağlar.
Favon'u değiştirmeniz gerekirse, Favona'nın logonun tasarımına göre oluşturulduğu için logo düzenleme yoluyla yapabilirsiniz. Bu nedenle, örneğin, Favicon'un başka bir rengini istiyorsanız, logo sayfasına geri dönmeniz, rengini değiştirmeniz, ardından tekrar bir favon oluşturmanız gerekir.
Favonka için ilhamları sitelerde bulabilirsiniz:
Adım 7. Favon'u indirin
Favon'a, 9,99 $ 'lık bir fiyata satın alabilir veya sadece Favon, aynı zamanda bir logo, kartvizit, bir zarf ve kurumsal bir formu içeren bir tasarım paketi satın alabilirsiniz. Bir tasarım paketi nasıl satın alınır, öğrenebilirsiniz.
Ödeme yaptıktan sonra, ICO ve PNG formatlarında Favon'ı indirebilirsiniz.
Favon'ı nerede kullanabilirim?
Favon kullanabilirsiniz:
İnternet üzerinden;
Mobil cihazlar. Kullanıcı, cihazının ana ekranına (yer imleri gibi bir şey) - Android, iOS, Windows Phone, vb.
RC / Mac için programlar ve uygulamalar.
Favon'a siteye nasıl kurulur?
Favon aldıktan sonra, sunucuya yüklemesi daha fazla dakika sürmez ve iki aşamada gerçekleştirilir. Bunu yapmak için, sitenizin HTML kodunu değiştirmek için sitenizin kök dizinine ve bir metin editörüne erişmeniz gerekir.
Aşama 1.Favicon.ico dosyasını sunucuya indirmeniz gerekir. Bunu yapmak için, örneğin FileZilla, bir FTP istemcisi indirip yüklemeniz gerekir. Ardından kullanıcı adını ve şifreyi girin ve dosyayı indirin. Daha Detaylı Talimatlar Nasıl okuyabileceğiniz bir Favon dosyası indirilir.
Adım 2.Artık tarayıcıların Favic'inizin resmini bulmasına yardımcı olmak için sitenizin HTML sayfasını düzenlemeniz gerekir. Dış Mekan FTP penceresiyle, dizin.html veya header.php dosyasını sunucudan bulun ve indirin.
İndex.html dosyasını metin editöründe açın - Not Defteri, Not Defteri ++, yüce metin.
Siteniz HTML'yi temizlerse, index.html dosyasının başlığına özel bir kod yerleştirin.
Kod, logaster web sitesindeki Favicon sayfasında kopyalanabilir.
Wordpress kullanıyorsanız, aşağıdaki kodu tıklayın Header.php başlığına yerleştirin.
Bunu yaptıktan sonra, dosyayı aldığınız yere geri indirin. Hazır! Favon görmek için sitenizin sayfasını yeniden başlatın.
Çoğu modern tarayıcılar akıllıdır ve böyle bir kod olmadan bile bir Favon dosyasının nasıl bulacağını biliyorlar, ancak yalnızca Favon'un 16x16 piksel formatının görüntüsüne sahipse, Favicon.ico adını ve sitenizin kök dizinine kaydedilirse.
Bu makalenin size bir Favon oluşturmasına yardımcı olacak bazı faydalı bilgiler vermesini umuyoruz, bu sitenizi daha başarılı ve çekici hale getirecek.
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 Yandex aramasında görüntülenmez ve iPhone veya iPad gibi tarayıcılarda gösterilmeye hizmet eder. 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
En basit hizmetlerle başlayacağım ve daha sonra kademeli olarak daha ileri düzeyde gidin, burada çizik ve animasyonlu simgeleri sıfırdan yapıp hazırlayabilirsiniz.
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. - Favicon'u üç boyutta yapabileceğiniz basit ve anlaşılabilir bir hizmet. 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, şeffaf bir arka plan simgeleri yapmanızı sağlar.
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 iPhone, iPod touch ve iPad tarayıcıları için Favicon'un nasıl yapıldığını ve hala siteye animasyonlu simgeler kurmaya odaklanacağını söyleyeceğim ayrı bir mesajı hak ediyor. 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.
Merhaba arkadaşlar! Son zamanlarda Bloglar Favonka'dan birine kuruldu ve bu konuda hala bir makalem olmadığını düşündüm. Peki neden yazmıyorsun? Konunun getirildiğini anlıyorum ve birçok insanın hepsini bildiğini biliyorum. Birçok, ama hepsi, Wordstat.yandex.ru istatistiklerine inanıyorsanız (aşağıdaki ekran görüntüsüne bakın). Hepimiz bir zamanlar ilk defa Favicon yaptık ve bu tür bilgileri aradık. Öyleyse, acemi web yöneticilerinin onu blogumda bulmasına izin verin. Dahası, bu amaç için tam olarak yarattım. Evet ve bu istek üzerine arama motorlarından ek trafik bana zarar vermez. O zaman hadi gidelim.
Favicon.ico nedir
Başlangıçlar için, Favon'un ne olduğuna ve neden ihtiyacımız olduğuna karar verelim. Bu sorulardan Wikipedia () sorumludur.
Benim için kelimeleri açıklamaktan daha kolaydır. Aşağıdaki ekran görüntüsünde, Google Chrome'da Favonki'nin nasıl görüntülendiğini gösterdim. Diğer tarayıcılarda da benzer bir durum.
Genellikle site için Favon - Bu, ICO formatında özel bir simge veya 16 × 16 piksel resim. Genellikle böyle bir dosya denir favicon.ico. Ve sitenin kök klasöründe bulunur. Diğer boyutlar da mümkündür (24 × 24, 32 x 32, 48 × 48, vb.) Ve formatlar (JPEG, BMP, PNG ve GIF). Buna göre, PNG formatı, şeffaf bir arka planda bir simge yapmanızı sağlar, GIF - animasyonludur.
Neden Favonka'ya ihtiyacım var?
Favicon ICO dosyası site için çok önemlidir. Ve sadece böyle bir resim olduğu için, çok sayıda tarayıcı yer imleri arasında istenen web kaynağını bulmayı kolaylaştırır. Ana yonga ve başka birine yarar.
Gerçek şu ki Yandex'in, yüklü olduğu her site için arama sonuçlarında Favona'yı gösteriyor. Benzersiz ve güzel Favicon dikkat çeker ve kaynağınızın rakipler arasında öne çıkmasını sağlar, böylece tıklayın ve TRAFİK TRAFİK TAŞIYOR. Ek olarak, unutulmaz favon, internetteki site tanımaya marka olarak katkıda bulunur. Her şeyden önce, resimle bağlantıya tıklamak istiyorum.
Yandex'in resmin saydamlık içerdiğini ve animasyonun yalnızca Firefox tarayıcısında desteklendiğini söylemeye değer. Ayrıca, resmin boyutunda bir artışla, dosyanın ağırlığı ve barındırma üzerindeki yükün artması gerektiği anlaşılmalıdır. Bu nedenle, herhangi bir site (WordPress, Joomla, Dle, vb.) Format.ico 16 piksel boyutu ile favon kullanmak daha iyidir.
Siteye böyle bir simge kurmak için önce buna sahip olmalısınız. Burada birkaç seçenek var:
- hazır Favon'u indirin;
- favicon.ico, Photoshop veya özel çevrimiçi jeneratörlerin yardımıyla yapın.
İlk yol çok daha basittir, ancak benzersizlik olasılığını azaltır. Bununla birlikte, düşünün.
Favicon.ico dosyasını nereye indiririm. Site için Favonov'un hazır koleksiyonları
Favon'u site için indirmek için, arama motorunda böyle veya benzerlerine girmek için yeterlidir. İnan bana, sonuç eksikliğine sahip olmayacaksın. Aşağıda Favon için hazır fotoğrafları indirebileceğiniz çeşitli kaynakların adresini vereceğim. Bazılarında, jeneratörlerin yardımıyla kendi simgelerini yaratma fırsatı var.
Site için galeriler simgeler (favicon.ico):
- www.iconj.com/gallery.php - büyük resim ve çevrimiçi jeneratör koleksiyonu;
- www.audit4web.ru/info/favicon/ - burada 15.000'den fazla parça;
- www.favicon.cc/?action\u003dicon_list&order_by_rating\u003d1 - Jeneratör ve animasyonlu ve statik simgelerin galerisi;
- www.favicon.co.uk/gallery.php - favicon jeneratörü ve site için Favonok kataloğu;
- theFavicongallery.com başka bir resim galerisidir.
Ancak, belki de, siteniz için çeşitli simgeler ve logoları indirebileceğiniz en iyi yer, bu finalcons.com.
Bu hizmetin küçük bir incelemesi:
Görüntüler farklı formatlarda ve boyutlarda sunulur. Favicon.ico'yu bulmak ve indirmek için Findicons.com web sitesinde bir resim seçmeniz ve "daha fazla" düğmesini tıklamanız gerekir. Açılan pencerede, boyutların boyutuyla çizgiye tıklayın.
Umarım anlar.
Www.iconsearch.ru'daki simgeler üzerinde arama ile başka bir harika servis.
Her şey burada basit. Bir resim arayacağımız veya etiket bulutunu kullanacağımız arama çubuğundaki konuyu giriyoruz. Boyut ve renk arka planı seçmek mümkündür (beyaz, şeffaf, siyah).
Seçilen Favicon'u indirmek için, PNG veya ICO formatında simgesine tıklayın. "Daha Fazla" yazısına tıklayarak, bu simgeyi diğer boyutlarda ve bu setten hala simgelerde görebilirsiniz.
Bu konuda bitireceğim, hatta böylece bu konuda mnogabukaf ortaya çıktı. site için Favicon ICO nasıl indirilir. Ama hala anlatacak ve WordPress blogunda. Şimdi bir dahaki sefere kaçırmayın. A kadar!