Photoshop ile Web Siteniz için Favicon Tasarlamak

Favicon kelimesi “favourite-icon” kelimelerinin birleşiminden oluşmuştur. Favicon’lar, tarayıcılarda bulunan site adresinin yanında duran küçük simgelerdir. Sekmeli tarayıcılarda, internet kısayollarında, bookmark sitelerinde sitenizi simgelerler.

Favion

İhtiyacınız olan şey 16×16 piksel ebatlarında bir .ico dosyasıdır. Photoshop’ta 16×16 ebatlarında yeni bir çalışma alanı yaratın ve bu alan içerisine tasarımınızı yapın. Bu tasarım logonuzun tamamı, bir parçası ya da başka bir tasarım olabilir. Sonuçta bu simge, sitenizi temsil edecek ve tarayıcınızın sekmesinde site isminizin yanında görünecek.

Faviconunuzu tasarladıktan sonra File > Save As For Web seçeneğini seçin. Dosya ismini favicon olarak girin. Dosya uzantısını da jpg değil, ico olarak değiştirin. Yani girmeniz gereken isim favicon.ico’dur. Bu yazım şekli, imajınızın ico formatında kaydedilmesini sağlar.

Favicon File Name

Hareketli Favicon Oluşturma

Hareketli favicon oluşturmak için Photoshop animasyon özelliğini kullanabilirsiniz. Hareketli gif’inizi oluşturduktan sonra imajınızı bu sefer GIF olarak kaydetmeniz gerekir.

Arkası Transparan (Şeffaf) Favicon Oluşturma

Bazı sitelerde arkası transparan faviconlara rastlamışsınızdır. ICO ya da JPG uzantılı görsellerin transparan arkaplan desteği olmaz. Arkaplanı şeffaf yapabilmek için görselinizi PNG formatında kaydetmeniz gerekir. Böylece web sitenizin faviconu transparan görünür.

Popular Eğitimler

Photoshop Neon Yazı Efekti
Photoshop Neon Yazı Efekti

Photoshop ile yazılara gerçekçi neon efekti nasıl verilir? Yazıların arkasına verilen basit…

Photoshop Fotoğrafı İlüstrasyona Dönüştürme Efekti
Photoshop Fotoğrafı İlüstrasyona Dönüştürme Efekti

Fotorğafları ve görselleri ücretsiz bir şekilde karikatür çizime, ilüstasyona dönüştürme efekti nasıl…

Photoshop’u Profesyonelce Kullanmak için Yapılması Gereken 6 Madde
Photoshop’u Profesyonelce Kullanmak için Yapılması Gereken 6 Madde

Özellikle Photoshop’a yeni başladığımızda yaptığımız, farkında olmadığımız en temel hataları ve bu…

Instagram’da Panoramik Fotoğraf Nasıl Paylaşılır?
Instagram’da Panoramik Fotoğraf Nasıl Paylaşılır?

Instagram’da çoklu fotoğraf paylaşma özelliği olduğunu biliyoruz. çoklu fotoğraf paylaştığımızda fotoğrafları sağa…

Yeni Başlayanlar İçin 11 Adımda Photoshop Başlangıç Eğitimi
Yeni Başlayanlar İçin 11 Adımda Photoshop Başlangıç Eğitimi

Yeni başlayanlar veya Photoshop kullanmaya başlamak isteyenler için hazırladığım Photoshop başlangıç eğitiminde…

Photoshop’ta Görsellere Dış Çizgi (Border) Nasıl Eklenir?
Photoshop’ta Görsellere Dış Çizgi (Border) Nasıl Eklenir?

Photoshop’ta bir görsele dış çizgi vermek, border eklemek, çalışmalarınızda, projelerinizde ihtiyacınız olabilecek…