Site Simgesi Oluşturucu

Favicon, tarayıcı sekmenizde duran, sitenizin yanında yer imlerinde ve geçmişte görünen ve arama sonuçlarının yanında beliren küçük ikondur. Küçüktür, ancak markanızın en görünür parçalarından biridir. Birisi sitenizde bir sekme açtığında, o küçük kare fark ettiği ilk şeydir; bu yüzden net ve tanınabilir bir favicon, boyutunun ima ettiğinden çok daha önemlidir. Bunu doğru yapmak bu araçla yalnızca iyi bir görsel ve birkaç tıklama gerektirir.

Çoğu insanın beklemediği nokta şu: tek bir favicon nadiren yeterlidir. Masaüstü tarayıcıları 16 ve 32 pikselde favicon ister, Android cihazlar ve aşamalı web uygulamaları 192 ve 512 kullanır, iOS ana ekranları büyük bir dokunmatik ikon ister ve uygulama mağazaları 1024 pikselde görsel ister. Bir logoyu tüm bunlara elle yeniden boyutlandırmak, tasarım yazılımı açmak, tuval boyutlarını ayarlamak ve dosya üstüne dosya dışa aktarmak anlamına gelir. Bu favicon oluşturucu, yüklediğiniz tek bir görseli sekiz uygun boyutlu PNG ikonuna dönüştürerek tüm bunları saniyeler içinde sizin için halleder.

Görselinizi yüklediğinizde oluşturucu 16x16, 32x32, 48x48, 64x64, 128x128, 192x192, 512x512 ve 1024x1024 piksel ikonlar üretir. Bu set karşılaşacağınız neredeyse her durumu kapsar: küçük sekme ikonu, tarayıcıların ve işletim sistemlerinin istediği orta boylar, mobil ana ekranların ve web uygulaması manifestlerinin kullandığı büyük ikonlar ve uygulama mağazalarının talep ettiği tam boyutlu görsel. Her sonucu önizleme ızgarasında inceler ve yalnızca gerçekten ihtiyacınız olan boyutları indirirsiniz.

İyi sonuçlar almanın en kolay yolu kare bir görselle başlamaktır. İkonlar her zaman karedir ve araç kaynağınızı kare bir tuvali dolduracak şekilde ölçekler, bu nedenle kare olmayan bir görsel gerilecektir. 512x512 veya daha büyük şeffaf bir PNG ideal noktadır. Logonuz diyelim ki bin piksel genişliğinde ama yalnızca dört yüz piksel yüksekliğindeyse, oluşturucunun bozmasına izin vermek yerine yüklemeden önce kare olacak şekilde kırpın.

Büyük bir logoyu 16 piksele ölçeklemek gerçekten zordur. Metin kaybolur, ince çizgiler birbirine karışır ve ince gradyanlar gürültüye dönüşür. Oluşturucu, kenarları her boyutta mümkün olduğunca temiz tutmak için tarayıcının yüksek kaliteli görsel yumuşatmasını kullanır, ancak tasarım yoğun olduğunda her aracın sınırları vardır. Güçlü kontrasta sahip basit, cesur işaretler 16 piksele kadar olan yolculuğa dayanır; karmaşık görseller nadiren dayanır.

Gizlilik, insanların bu yaklaşımı tercih etmesinin ana nedenlerinden biridir. Tüm dönüştürme, HTML5 canvas API kullanılarak tarayıcınızın içinde gerçekleşir. Görseliniz hiçbir zaman yüklenmez, saklanmaz veya hiçbir yere gönderilmez; bu da aracı yayınlanmamış ürünler, müşteri logoları ve üçüncü taraf bir sunucuda durmasını tercih etmeyeceğiniz her şey için uygun hale getirir. İşiniz bittiğinde sekmeyi kapatın ve yüklemenizin her izi kaybolur.

Aracın ne yapmadığı konusunda da net olmakta fayda var. Hemen hemen her modern platformun kabul ettiği şey olan PNG ikonları çıkarır. .ico dosyası oluşturmaz, her şeyi zip arşivine paketlemez veya sizin için bir web uygulaması manifesti üretmez. Pratikte bu nadiren sorundur: modern tarayıcılar yıllardır PNG faviconları mutlulukla kullanıyor ve .ico formatı çoğunlukla eski bir kalıntıdır. İstediğiniz boyutları indirin, ardından sayfanıza birkaç link etiketi ekleyin.

İkonları bir web sitesine bağlamak basittir. Sayfanızın head bölümüne ana faviconunuzu işaret eden bir link etiketi eklersiniz, örneğin 32x32 PNG, ayrıca iOS için bir apple-touch-icon bağlantısı ve aşamalı web uygulaması çalıştırıyorsanız manifest.json dosyanızda 192x192 ve 512x512 girişleri. Dosyaları sunucunuza yükleyin, etiketleri onlara yönlendirin ve ikon sekmelerde, yer imlerinde ve ana ekranlarda görünür.

Bunun ortaya çıktığı günlük durumları düşünün. Bir blog yazarı WordPress için uygun bir site ikonu ister ve Photoshop açmak istemez. Bir geliştirici web uygulaması yayınlıyor ve proje klasöründe favicon artı PWA ikonlarına ihtiyaç duyuyor. Bir girişim App Store listesi hazırlıyor ve küçük bir başlatıcı olarak da çalışan kare 1024x1024 bir ikona ihtiyaç duyuyor. Bir öğrenci sınıf projesi yapıyor ve bitmiş görünmesini istiyor. Hepsi aynı aracı bir dakikadan kısa sürede kullanabilir.

Burada tasarım seçimleri araçlardan daha önemlidir. Faviconu logonuzun en basit formuna yakın tutun, marka renklerinizi kullanın ve yalnızca büyük boyutlarda anlamlı olan metinlerden kaçının. İkonunuzun şeffaf bir arka planı varsa, tarayıcı sekmelerinin açık ve koyu temalarda geldiğini unutmayın, bu yüzden her ikisine karşı test edin. Düz bir arka planı varsa, fazladan çaba harcamadan her yerde tutarlı görünür.

Bir pratik not daha: tarayıcılar faviconları agresif bir şekilde önbelleğe alır. Site ikonunuzu güncelledikten sonra bir süre eskisini görmeye devam edebilirsiniz. Sert yenileme veya gizli modda hızlı bir kontrol, yeni ikonun yayında olduğunu doğrulayacaktır. Dosyayı küçük tutmak da yardımcı olur, çünkü favicon her sayfa yüklemesinde istenir ve genellikle getirilen ilk dosyalardan biridir.

Bunu kullanmak için tasarım deneyimine veya kurulu herhangi bir yazılıma ihtiyacınız yok. Tamamen tarayıcınızda çalışır, Windows, macOS, Linux ve hatta bir telefonda çalışır ve oluşturulacak bir hesap veya ödenecek bir şey yoktur. İstediğiniz kadar, istediğiniz sıklıkta görsel yükleyin ve yalnızca ihtiyacınız olan boyutları indirin. Sizi şaşırtıcı derecede sıkıcı bir görevden sessizce kurtaran o küçük araçlardan biridir.