İçeriğe atla

TASARIM / ÖLÇEK

Favicon Üreteci

Harf, emoji ya da yüklediğiniz görselden saniyeler içinde favicon oluşturun. Tüm boyutları (16, 32, 48, 180, 512) PNG olarak indirin ve HTML kodunu kopyalayın.

Araca geç
Bir işaretin küçük simge boyutlarına ölçeklenmesi
Tüm araçlar

TASARIM / ÖLÇEK

Aynı işaret, farklı boyutlar.

Küçük boyutta okunabilir bir işaret seçmek, ayrıntıdan daha önemlidir.

Kaynak
Şekil
#0b0b0f
#e8456e
Önizleme
HTML <head> kodu
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">

Favicon nedir, nasıl oluşturulur?

Favicon, tarayıcı sekmesinde, yer imlerinde ve arama sonuçlarında sitenizi temsil eden küçük marka simgesidir. İyi bir favicon, kullanıcıların onlarca sekme arasında sitenizi tanımasını sağlar ve kurumsal güven verir.

Bu araçla bir harf/emoji seçip arka plan ile yazı rengini ayarlayabilir veya hazır bir logo görseli yükleyebilirsiniz. Canlı önizlemeyi gördükten sonra ihtiyacınız olan tüm boyutları PNG olarak indirip aşağıdaki HTML kodunu sitenizin <head> bölümüne ekleyin.

  • 16 × 16: Klasik sekme ve adres çubuğu simgesi
  • 32 × 32: Yüksek DPI ekranlar ve görev çubuğu
  • 180 × 180: Apple touch icon (iOS ana ekran)
  • 512 × 512: PWA / Android ana ekran ve manifest

Sık sorulan sorular

DETAYLARFavicon nedir?

İHTİYAÇ / ÇÖZÜM / YAKLAŞIMFavicon, tarayıcı sekmesinde, yer imlerinde ve arama sonuçlarında sitenizi temsil eden küçük simgedir. Genellikle markanızın baş harfini veya logosunu içerir ve sitenizin kimliğini güçlendirir.

DETAYLARHangi favicon boyutlarını oluşturmalıyım?

İHTİYAÇ / ÇÖZÜM / YAKLAŞIMEn yaygın boyutlar 16×16 (sekme), 32×32 (retina ekran/görev çubuğu), 48×48 (Windows), 180×180 (Apple touch icon) ve 512×512 (PWA/manifest) şeklindedir. Bu araç hepsini tek tıkla üretir.

DETAYLARFavicon için .ico mu yoksa PNG mi kullanmalıyım?

İHTİYAÇ / ÇÖZÜM / YAKLAŞIMModern tarayıcıların tamamı PNG faviconları destekler; ayrı bir .ico dosyasına çoğu durumda gerek yoktur. PNG daha esnek ve şeffaflık desteklidir. Eski Internet Explorer desteği gerekiyorsa ek olarak bir favicon.ico bulundurabilirsiniz.

DETAYLARApple touch icon nedir?

İHTİYAÇ / ÇÖZÜM / YAKLAŞIMApple touch icon, bir kullanıcı sitenizi iOS ana ekranına eklediğinde görünen 180×180 piksellik simgedir. <link rel="apple-touch-icon"> etiketiyle tanımlanır ve markanızın mobil görünümünü belirler.

WEBFavicon siteme nasıl eklenir?

İHTİYAÇ / ÇÖZÜM / YAKLAŞIMÜrettiğiniz PNG dosyalarını sitenizin kök dizinine yükleyin ve araçtaki HTML kodunu sayfanızın <head> bölümüne yapıştırın. Tarayıcı önbelleği nedeniyle değişikliğin görünmesi birkaç dakika sürebilir; sert yenileme (Ctrl+F5) yapabilirsiniz.

DETAYLARYüklediğim görsel güvende mi, sunucuya gidiyor mu?

İHTİYAÇ / ÇÖZÜM / YAKLAŞIMHayır. Tüm işlem tamamen tarayıcınızda (istemci tarafında) yapılır; yüklediğiniz görsel hiçbir sunucuya gönderilmez veya saklanmaz. Bu yüzden araç hem hızlı hem gizliliğe saygılıdır.

Nexsol müşteri danışmanı — sizi arayacak
Ücretsiz · Bağlayıcı değil

Hesap tamam. Konuşalım mı?

Numaranızı bırakın, biz sizi arayalım. İhtiyacınızı 5 dakikada dinleyip yol haritasını birlikte çıkaralım — satış konuşması değil, teknik sohbet.

Numaranız yalnızca sizi aramak için kullanılır, üçüncü taraflarla paylaşılmaz.

İlgili ücretsiz araçlar

Web & Tasarım

Yöntem ve veri kapsamı sayfa içinde açıklanır · Sayfa güncellemesi:

Web tasarım

Marka, tasarım ve hızlı kurumsal web; tasarımdan yayına Nexsol mühendisliğiyle.

birlikte başlayalım

Web ÇözümleriÜcretsiz Teklif

<nexsol />