Siteniz için Boyut favicon

web tasarım olarak, muhtemelen bildiğiniz gibi, her detay önemlidir. sitenize gelmiş adam, ayrı ayrı her bir öğeyi görmek ve diğer küçük detaylar oluşur paketinin, tüm görüntüyü alır olamaz. Eğer kaynak geliştirme sürecinde şey eksikse Böylece, gelecekte bu ayrıntı bütün kompleks, tüm kompozisyon bozabilir.

Böyle cezalar olabilir, örneğin, düğmenin arka plan, yanlış yazı bazı küçük öğe ve hatta favori simgesi. Nitekim sami- büyük, tanınmış siteler kullanıcının tarayıcısında "Bookmarks" bunu temsil eden bir birey simgesi vardır bak. Onsuz, kaynak geliştiriciler başlangıçta aranan hangi kompozisyon oluşturmak için başarısız oldu.

Bu nedenle, site için bir tasarım oluştururken, favicon gibi detaylar dikkat edilmelidir. Bu yazıda genel kaynak tarzında altında nasıl seçileceği hakkında konuşacak ve görüntüde hangi boyutta olmalıdır.

Simge sitesi

Önce bu eleman unsurlarının tanımlanması. Şimdi tarayıcınızdan sekmeleri başlığı bakabilirsiniz. Gördüğünüz gibi, sola logosu kaynağın basitleştirilmiş bir sürümünü temsil eden bir küçük resim vardır. Aynı resim SERPs görüntülenen site adının yakın yoktur. onlar başlığını görünce Yani kullanıcı, onun tarafından yönlendirilir.

Birçok web bu resim gerekli olduğunu anlamak - ama birkaç kişi site için site simgesi en uygun olacağını boyutunu biliyoruz. Bu nedenle, bu makalede biz böyle bir simge ve nasıl sitenizde yüklemek için değil, aynı zamanda resmin boyutlarını tanımlamak için nasıl hakkında bilgi verecektir sadece.

Amaç site simgesi

Yani, Site üst yakın resim tanımlama için kullanılır. Biz Nathaniel bkz siteyi ifade ve diğerlerinin gözünde seçmek için: Bu özgün amacı budur. Bu grafikler kullanılarak son derece basit hale: Biz sezgisel metin biçiminde çok daha hızlı ve daha kolay resimlerde bilgi algılamaktadır. Favicon bu bize yardımcı. Ama unutmayın favicon boyutu kullanıcı gözünde az. Bu yazıtlardan, bazı açıklama veya irtibat bilgilerinin biçiminde ek bilgiler içerebilir "kap" sitesindeki bir logo değildir. adı yanında simgesi tasvir edilebilir herhangi bir şey, favicon ölçülerine uygun olmalıdır. Ve daha önce (16 piksel, 16), bir minyatür gösterildiği gibi, olduğu.

Nasıl bir favicon seçilir?

Peki webmaster siteniz için bir simge tasarlayabilirsiniz geliyor? Bu sadece sitenin logosunu sıkıştırmak unutulmamalıdır, büyük olasılıkla, başarılı olmayacaktır. Belirli bir kaynağın logosu şeklinde konur afişlerde, genellikle her zaman doğru minyatür formda gösterilmeyecektir farklı öğeleri görmez. Hemen bu girişim terk etmek daha iyidir.

Tabii ki, favicon büyüklüğü sadece orada yazıt yerleştirmelerini söz edilemez. Herhangi bir metin bu çözünürlükte olacak basitçe görünmez. Biz site tarzı iletmek istiyorum yeni bir simge geliştirmek gerekir. çözüm bulmak için, yine önemli mekanlarından bakalım.

Birçok hizmetin adının site simgesi stilize baş harfini kullanırız. Yani, Bing, Yahoo, Yandex, Wikipedia, Google örneğin, gel. Başka bir yaklaşım vardır - sitenin kısa bir ad varsa, simgenin arka plan olarak ayarlayabilirsiniz. Çözünürlüğü favori simgesi için (o ulaşır piksel, yine 16 puan 16) düzgün işareti gösterebilir, artık üç harften olmalıdır. Yani, örneğin, hizmet AOL yapar.

Nasıl bir favicon oluşturmak için?

çeşitli şekillerde sitenin adı için bir simge olun. Tabii ki, en kolay - Farklı hazır çözümlerle çalışmaktır. Biz herhangi bir hizmet veya bunu azaltmak suretiyle tam simgesinin bir resim yapması için izin programları hakkında konuşabilirsiniz. Ancak, ben kendi başına logosunun gelişimi üstlenmek öneriyoruz. Bu, öncelikle mümkün şeyler öğrenmek için yapacak olduğu; ve ikinci olarak, araçlar çok sayıda sağlamak. Hepiniz -yani beraberlik yapmak, hem de nihai sürümde olmasını hangi boyutta favicon bilmek gerekiyor. site için simgelerin boyutu hakkında, daha sonra konuşacağız, ama şimdilik böyle resimlerle çalışmak inceliklerini bazı not edin. Özellikle, bu boy oranı belli etmesi gerektiği site için favicon boyutunu saymıyorum. Deneyimli tasarımcılar tarafından belirtildiği gibi, resim .PNG (24 bit) veya fayl.ICO olarak kaydedilmelidir.

o amblemi çekilecek Photoshop, yardımıyla, örneğin, şunları yapabilirsiniz, resmi kaydetmek gerçekleştirin.

Boyutlar site simgesi

Yani şimdi, bir arama sonuçlarında sitenin yanındaki bakınız resim olmalı ne kadar büyük bahsedelim. Varsayılan olarak, önce de belirtildiği gibi, onun büyüklüğü (her tarafta) sadece 16 pikseldir. Eğer "Photoshop" görüntüyü düzenlemeye çalıştığınızda Ancak, bu rahatsızlık olup olmadığını kendi gözlerinizle görebilirsiniz. Bu nedenle, gelecekte sadece kenarları sıkmak edilecek ve istenilen formatta kaydedilmiş büyütülmüş bir görüntü ile çalışmanızı öneririz.

çoklu

Ancak, favicon büyüklüğü sitenizde ne olması gerektiği hakkında konuşma, bir şey daha hatırlamak gerekiyor. Tüm platformlar eşit kaynak resmini yansıtır. Örneğin, bir Retina ekran cihazı 32 ila 32 piksel çözünürlüğünün favicon "görmek". Safari'de ve yeni Windows platformunda ve bütün bu simgeler 64 piksel boyutuna ulaşır.

Bu nedenle biz sadece kullanıcı platformuna bağlı olarak değişiklik sağlamak için gelecekte simgelerin farklı versiyonlarını tutmak için önerilir. Bir başka ilginç nokta - tarayıcıdan bağlı olarak, "küçültmek" umuduyla büyük formatta simgesini indirmek için deneyebilirsiniz.

yabancı editörler

Tabii ki, Photoshop iyi ve olmak ve nasıl imajını koruyarak, bunu başarmak için boyunun ne favicon biliyorsanız iyi. Ancak, orada sadece bu yüzden sıkı önce grafik editörleri deneyimli olmayan başlayanlar bol, bu nedenle istenen görüntüyü çizmek o kadar kolay olmayabilir. Bu yöneticileri yardımcı olmak için, otomatik olarak izin simgesi ilginizi çekmeyi çeşitli hizmetler vardır. Birçoğu kullanıcıdan herhangi bir yatırım gerektirmeyen, hatta ücretsizdir.

çözüm için bazen sadece bildiğiniz gibi bu sadece bir defa yapılır, kayıt olmak gerekiyor, ama - aslında o kadar sık şirketleri favicon değiştirin. Sadece her gün logosunu değiştiren Google, bakmak, ancak simgesine dokunun etmez.

Nasıl bir favicon Yüklenir?

Doğru istediğiniz görüntü, çok basittir görüntüler böylece Genel olarak, internet sitesi kurulmuştur. Arama motorları yanı sıra sadece bir tarayıcı bilgileri okumak sağlayacak basit bir dizi adım gerçekleştirmek için yeterlidir.

Bunun için favicon.ico olarak çıkan görüntü kaydetmek ve kaynak kök koymak gerekir. Şimdi herşey resminizin otomatik olarak algılanır ve olay bir süre sitenize bağlanacaktır.

Bu bağlanma ek olarak, başka bir çizgi, will "istemi", senin simge ekleyebilir. aşağıdaki gibi görünüyor:

Kod başlığındaki olmalıdır ayarlayın.

bulgular

Yani, bu makaleyi okuduktan sonra, aslında başa, hangi büyüklükte site için ve genellikle olduğu favicon olmalıdır. o rakiplerinizin arasında ek tahsisi açısından hem de farkındalık yaratmak açısından size hem eline oynar, çünkü bir zorunluluktur - Ayrıca, siteniz için uygun bir simge için arama anlıyoruz düşünüyorum. En azından büyük siteler biz önemli bir örnek olarak alabilir aynı şekilde hareket ederler. Ve sonra, çok çaba onu neden olmaz - bir kez favicon yapma ve sitenizde doğru yüklemek, önümüzdeki birkaç ay boyunca bu konuda unutabilirsiniz.

Yani, deneme yapmaktan çekinmeyin yeni bir şey icat, denemek - ve başarılı!