Favicon Oluşturucu

Logonuzu ya da birkaç harfi bir web sitesinin ihtiyaç duyduğu tüm simgelere dönüştürün: çok boyutlu favicon.ico, tarayıcılar, iPhone ve Android için PNG simgeler ve hazır bir site.webmanifest. Hepsi tek bir ZIP’te, yapıştıracağınız HTML koduyla birlikte gelir.

Görselleriniz cihazınızda kalır. İşlemlerin tamamı tarayıcınızda yapılır.

Favicon Oluşturucu: nasıl kullanılır?

  1. Logonuzu (PNG, JPG, WebP veya SVG) bırakın ya da "Harf veya emojiden oluştur"a tıklayın.
  2. Görselin nasıl yerleşeceğini seçin ya da harfleri yazıp şekli ve renkleri belirleyin. Sonucu tarayıcı sekmesi önizlemesinde kontrol edin.
  3. "Favicon oluştur"a tıklayın, ZIP’i indirin, dosyaları sitenizin kök klasörüne yükleyin ve HTML kodunu <head> bölümüne yapıştırın.

Sık sorulan sorular

ZIP’te hangi dosyalar var?

favicon.ico (16, 32 ve 48 piksel tek dosyada), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 piksel), android-chrome-192x192.png, android-chrome-512x512.png ve site.webmanifest. Bunlar güncel tarayıcıların tamamı, iPhone ve iPad ana ekranı ve Android için yeterlidir.

Dosyaları nereye koymalıyım?

Sitenizin kök klasörüne (index.html’in yanına) yükleyin ve kopyaladığınız <link> etiketlerini sayfalarınızın <head> bölümüne yapıştırın. Dosyaları bir alt klasöre koyarsanız koddaki ve site.webmanifest içindeki yolları da değiştirin.

En iyi sonuç için nasıl bir görsel kullanmalıyım?

Kare, sade, arka planı saydam ve küçük yazı içermeyen bir logo; çünkü 16 pikselde ince ayrıntılar kaybolur. Logonun arka planını silmek için Arka Plan Silme, kare yapmak için Resim Kırp aracını kullanın. SVG her boyutta en net sonucu verir; dilerseniz önce SVG Küçültme ile küçültebilirsiniz.

Emoji kullanabilir miyim?

Evet. "Harf veya emojiden oluştur"u seçin ve en fazla üç karakter yazın; örneğin baş harfleriniz ya da tek bir emoji. Emojiler cihazınızın emoji yazı tipiyle çizildiği için Windows, Mac ve Android’de biraz farklı görünür.

iPhone simgesinin arka planı neden dolu?

iOS, ana ekran simgelerindeki saydam alanları siyah gösterir. Bu yüzden apple-touch-icon.png her zaman dolu, kare bir arka planla oluşturulur: harflerde seçtiğiniz renk, görsellerde beyaz. Köşeleri iOS kendisi yuvarlar.

Görselim sunucuya yükleniyor mu?

Hayır. Tüm simgeler tarayıcınızda çizilir, görseliniz cihazınızdan çıkmaz.

Diğer araçlar

Araç ara