Favicon Yaradıcısı
Loqonuzu yükləyin və saytınızın ehtiyac duyduğu ikonları bir ZIP-də alın: 16, 32 və 48 piksellik şəkilləri olan favicon.ico, Google üçün 48 pikselli PNG, iPhone üçün qeyri-şəffaf fonlu Apple Touch Icon, Android üçün 192 və 512 pikselli ikonlar, təhlükəsiz zonası hesablanmış maskable ikon və site.webmanifest. SVG yükləsəniz icon.svg də əlavə olunur. Tab, Google nəticəsi və ana ekran önbaxışlarını görür, hazır <head> kodunu kopyalayırsınız; hər şey brauzerinizdə işləyir.
- Pulsuz, qeydiyyatsız
- Faylınız cihazınızdan çıxmır
- Hər fayl 50 MB-a qədər
Başlamaq üçün loqo və ya ikon şəklinizi əlavə edin. PNG, SVG, JPG və WebP işləyir; ən yaxşı nəticə üçün ən azı 512 × 512 piksellik kvadrat şəkildən istifadə edin.
Faylınız cihazınızdan heç vaxt çıxmır; şəkillər brauzerinizdə emal olunur. EXIF və məkan məlumatları çıxışa əlavə edilmir.
Favicon necə yaradılır
Loqonuzu əlavə edin
PNG, SVG, JPG və ya WebP loqo yükləyin. Ən yaxşı nəticə üçün ən azı 512 × 512 piksellik kvadrat şəkil götürün; SVG də olar.
Ad, rəng və haşiyəni təyin edin
Sayt adını və qısa adı yazın, tema və fon rənglərini seçin, lazım olsa haşiyə əlavə edin. Önbaxışlar ikonun tabda, Google-da və ana ekranda necə görünəcəyini göstərir.
Paketi endirin və yerləşdirin
ZIP-i endirin, faylları saytınızın kök qovluğuna yükləyin və göstərilən <head> kodunu səhifələrinizə əlavə edin.
Nə saxlanılır?
Saxlanılır
- Loqonuzun nisbətləri: kvadrat olmayan şəkil kvadratın içinə yerləşdirilir, heç vaxt dartılmır
- Şəffaflıq (standart ikonlarda; fon rəngi seçsəniz onunla doldurulur)
- SVG yükləsəniz icon.svg olduğu kimi əlavə olunur
Dəyişir
- Hər ikon yüksək keyfiyyətlə öz ölçüsünə yenidən nümunələnir
- Apple Touch Icon və maskable ikon həmişə qeyri-şəffaf fonlu olur: seçdiyiniz rəng, «Şəffaf» seçilibsə ağ
- Maskable ikonda məzmun 80% təhlükəsiz zonada yerləşir
Köçürülmür
- PNG və ya JPG-dən vektor (SVG) yaradılmır; icon.svg yalnız SVG girişi üçün mövcuddur
- EXIF və digər metadata ikonlara əlavə edilmir
Nə vaxt lazım olur?
Yeni sayt üçün tam ikon dəsti
Tək favicon.ico artıq hər şeyi əhatə etmir: iPhone ana ekranı, Android və Google axtarış nəticələri fərqli fayllar gözləyir. Bir yükləmə hamısını düzgün ad və ölçülərlə verir.
İkonunuzun Google nəticələrində görünməsi
Google saytın ikonunu axtarış nəticələrində ölçüsü 48 pikselin misli olan kvadrat fayldan göstərir və bu fayl taranmağa açıq olmalıdır. Paketdə həmin fayl və onun <head> keçidi var.
Tətbiq kimi əlavə oluna bilən sayt (PWA)
Saytınızın ana ekrana əlavə olunmasını istəyirsinizsə manifest və 192/512 pikselli ikonlar lazımdır. Maskable ikon, Android ikonu dairə və ya yumru kvadrat kimi kəsdikdə loqonuzun kəsilməsinin qarşısını alır.
Bilməli olduğunuz məhdudiyyətlər
- Ən yaxşı nəticə üçün ən azı 512 × 512 piksellik kvadrat şəkil istifadə edin; kiçik mənbədən hazırlanan böyük ikonlar bulanıq görünür.
- İncə xətlər və kiçik mətn 16 və 32 piksellik ikonlarda oxunmaz olur; qalın, yüksək kontrastlı loqolar daha yaxşı işləyir.
- Tema rəngi yalnız mobil brauzerlərin ünvan çubuğunda tətbiq olunur və brauzer parametrlərindən asılıdır.
- Google axtarış nəticələrində ikonu yeniləmək günlər, hətta həftələr çəkə bilər, brauzerlər də ikonları keşdə saxlayır.
Tez-tez verilən suallar
Bir sayta hansı favicon faylları lazımdır?
Müasir yanaşma: kök qovluqda favicon.ico, Google üçün 48 pikselli PNG, mümkünsə icon.svg, iPhone üçün 180 pikselli apple-touch-icon.png, Android üçün 192 və 512 pikselli ikonlar və site.webmanifest. Yaradıcı hamısını hazırlayır və <head> keçidlərini verir.
Maskable ikon nədir?
Maskable ikon məzmununu təhlükəsiz zonada saxlayır və fonu tam doludur, beləliklə Android onu cihaza görə dairə, yumru kvadrat və ya digər formada kəsə bilər. Burada məzmun 512 pikselli şəklin mərkəzi 80% hissəsinə yerləşdirilir.
Apple Touch Icon niyə qeyri-şəffaf və düz küncülüdür?
iOS şəffaf sahələri qara göstərir və küncləri özü yumrulaşdırır. Ona görə ikon tam dolu və yumru künc olmadan, seçdiyiniz fon rəngində (şəffaf seçilibsə ağ) hazırlanır.
İkonum niyə Google nəticələrində görünmür?
İkon faylı robots.txt ilə bloklanmamalı, ana səhifənin <head> hissəsindən bağlanmalı və ölçüsü 48 pikselin misli olan kvadrat olmalıdır. Düzəltdikdən sonra Search Console-da ana səhifənin yenidən indeksləşdirilməsini tələb edə bilərsiniz; yenilənmə yenə də günlər və ya həftələr çəkə bilər.
Kvadrat olmayan şəkil yükləsəm nə olur?
İkonlar təhrif edilmədən kvadratın içinə yerləşdirilir və yanlarda boş yer qalır. Çərçivənin kvadratı doldurmasını istəyirsinizsə, əvvəlcə kəsmə aləti ilə 1:1 kəsin.
PNG-dən SVG favicon yaradırmı?
Xeyr. Pikselləri avtomatik vektora çevirmək ikonun görünüşünü səssizcə dəyişə bilər, ona görə icon.svg yalnız özünüz SVG yüklədikdə əlavə olunur.
Bu alət pulsuzdurmu?
Bəli, tamamilə pulsuzdur. Hesab, abunəlik və su nişanı yoxdur.
Fayllarım harasa yüklənirmi?
Xeyr. Şəkillər brauzerinizdə emal olunur və cihazınızdan heç vaxt çıxmır. EXIF və məkan məlumatları çıxışa əlavə edilmir.