Özel Bir Favicon Oluşturma

İçindekiler:

Anonim

Bir tür geeky olduğunu itiraf edeceğim. Favorileri gerçekten severim. Onlar eğlenceli. Harika bir markalaşma aracı. Ayrıca, küçük işletme sahiplerinin sitelerini renklendirmek ve hatta kullanıcılar için kullanılabilirliği artırmak için yapabilecekleri basit bir şey.

Favicon'un ne olduğunu bilmiyorsanız, biraz yardım sunmama izin verin:

$config[code] not found

Favicons, Web sitenizi adres çubuğunda, bir kullanıcının yer imleri listesinde veya tarayıcı sekmelerinde temsil eden mini, 16 × 16 piksel grafiklerdir. Ziyaretçilerinizin sitenizle görsel bir bağlantı kurmalarını sağlar.

Temiz! Nasıl bir tane yaratırsın?

Favicon'unuzu tasarlayın:

  • El ile: En sevdiğin grafik programını aç ve başla. 16 × 16 piksel boyutunda yeni bir dosya oluşturmak ve alan uygulanabilir duruma gelene kadar yakınlaştırmak isteyebilirsiniz VEYA daha büyük, ancak yine de 16 × 16 boyutunda bir tür alan açmak için yakınlaştırın. Favicon'unuzu elle tasarlarken, markanızı doğru bir şekilde temsil edecek bir şey kullanın - ortak bir renk şeması, şirketinizin baş harfleri vb. Olmasın. Ne yaratırsanız yapın, 16 x 16 piksel boyutundaki zorlu kısıtlamalara dayanmak zorunda kalacak.
  • Araçları ile: Eğer tasarım zorluysanız (endişelenmeyin, ben de öyleyim), bizim gibi insanların bile harika favoriler yaratmasını kolaylaştıran bazı harika araçlar var. Örneğin, Favicon.cc size bir miktar yapı verecek ve sizinkini doğrudan kendi sitenizden inşa etmenize izin verecek veya Pics'ten FavIcon bir resim yükleyip sizin için favicon'u üretmenize izin verecektir. Basit!

Favicon'unuzu saklayın: Dosyanızı kaydederken, 16 bit olarak azaltın ve Photoshop kullanıyorsanız “favicon.ico” veya başka bir şey kullanıyorsanız “favicon.gif” veya “favicon.png” olarak kaydedin. Photoshop kullanıyorsanız ve favicon'unuza biraz fazladan bilgi vermek istiyorsanız, Windows Icon dosya biçimi eklentisini indirmeniz önerilir; böylece ICO biçiminde kaydedebilirsiniz.

Favicon'unuzu yükleyin: Sunucunuza bağlanın ve favicon'unuzu sitenizin kök klasörüne yükleyin. Ardından, Web sayfanızın baş bölümüne (iki Baş etiketi arasında) aşağıdaki HTML kodunu ekleyin (dosya türünüzü seçin):

Yenile: İşiniz bittiğinde, tarayıcınızı yenileyin ve favicon'unuzun göründüğünü görmelisiniz. Değilse, birkaç dakika verin. Bazen her şeyin senkronize edilmesi biraz zaman alabilir.

Ve bu kadar! Dört adımda, kullanıcıların sitenizi yer imleri listesinde veya tarayıcılarında tanımalarına yardımcı olacak harika bir markalı favicon'unuz var. Oldukça basit değil mi?

Sadece eğlence için, burada Web'deki favorilerimden bazıları:

  • Michigan havai fişek
  • Jeffrey Zeldman
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • Michael Gray’in SEO Blogu

Başka kişisel favoriniz var mı?

17 Yorumlar ▼