Favikon necə yaradılır.

Favicon / ICO Generator-u açın və Şəkil seçin. PNG, JPG, JPEG, WebP və ya GIF yükləyin və ya Nümunəni sınayın seçin. İşlənmiş nümunə favicon-orbit.png, şəffaf küncləri olan 512 × 512 piksel bənövşəyi orbit işarəsindən istifadə edir. Giriş 202,491 baytdır.

Hazır loqosu olmayan brend üçün alət səhifəsində Mətn seçin. Bir və ya iki hərf daxil edin və Davam et düyməsini basın. Redaktor Modern sans, Classic serif və Monospace şriftlərini, həmçinin ayrı mətn və fon rənglərini təklif edir. Üç simvola qədər qəbul edilir, lakin əlavə simvollar kiçik ölçülərdə tanınması çətinləşə bilər.

Orijinal sənət əsərini saxlayın. Generator yeni ikon faylları yaradır və mənbəni əvəz etmir. GIF girişi animasiyalı favikon əvəzinə hərəkətsiz ikona çevrilir.

Monoqram üçün Şrift menyusu üç daxil edilmiş üslubla başlayır. Dəstəklənən masaüstü brauzerdə Sistem şriftlərindən istifadə et seçin və cihazınızda quraşdırılmış şriftləri əlavə etmək üçün icazə verin. Yan-yana şriftləri müqayisə etmək üçün əvvəlki və sonrakı oxlardan istifadə edin və ya bir ailə seçin və xüsusilə 16 pikseldə canlı önizləməni yoxlayın. Şriftlər cihazınızda qalır; daxil edilmiş üslublar icazəsiz işləyir.

Redaktor açıq və tünd brauzer nişanlarını, həmçinin ümumi ikon ölçülərində önizləmələri göstərir. Əvvəlcə 16 piksel nümunəsini yoxlayın; bu, işarənin tanınan qalıb-qalmadığının ən ciddi sınağıdır. Apple Touch önizləməsi 180 piksel ixracını təmsil edir və iş sahəsində daha kiçik göstərilir.

Telefonda Parametrləri açın. Yaratma mənbəyini Yüklənmiş şəkil və Şəkil uyğunluğunu Şəklin hamısını göstər olaraq saxlayın. Bu nümunə üçün Məzmun ətrafındakı boşluğu 0 olaraq təyin edin və Şəffaf fonu aktivləşdirin. Mənbə artıq öz yuvarlaq bənövşəyi formasına və aydın kənarlarına malikdir, ona görə də əlavə rəngli fona ehtiyac yoxdur.

Fərqli bir mənbə ilə, Şəklin hamısını göstər kənarlarını saxlayır, Şəkli doldur isə onları kəsə bilər. Yuvarlaq kvadrat, Kvadrat və Dairə xarici formanı müəyyən edir. Şəffaf fon aydın sahələri qoruyur, lakin fotoda artıq çəkilmiş qeyri-şəffaf fonu silə bilməz. Hər çərçivə dəyişikliyindən sonra ən kiçik önizləməni nəzərdən keçirin.

Download bölməsi altında, bu nümunə üçün Vebsayt ikonu paketi (ZIP) seçin. Vebsayt adı hissəsini nümunə üçün Mənim vebsaytım olaraq saxlayın və ya öz layihəniz üçün real brend adınızla əvəz edin. Bu ad site.webmanifest faylında istifadə olunur; şəklin üzərinə mətn kimi əlavə edilmir.

Başla düyməsini seçin. Brauzer favicon.ico kvadrat şəkillərlə 16, 24, 32, 48, 64, 128 və 256 piksel ölçülərində yeddi çərçivəli bir fayl yaradır. O, həmçinin PNG ikonlarını 16, 32, 48, 180, 192 və 512 piksel ölçülərində, bir manifest və quraşdırma təlimatlarını yaradır. Nəticə hər ikon üçün ayrı yükləmə düyməsi əvəzinə bir ZIP faylıdır.

Yalnız klassik bir favicon.ico lazımdırsa, əvəzinə Çoxölçülü ICO seçin. Bu, vebsayt platforması ICO yükləməsini qəbul etdikdə və ayrıca paketə ehtiyac duymadıqda faydalıdır.

Yükləmə website-icons.zip faylını saxlayır. Faktiki işlənmiş nümunə doqquz fayldan ibarətdir və 304,351 baytdır. Yuxarıdakı müqayisə, simulyasiya edilmiş brauzer skrinşotu əvəzinə, ixrac edilmiş ICO faylından çıxarılan orijinal 256 piksel çərçivəsinin yanındakı 512 piksel mənbəyini göstərir.

ZIP faylını çıxarın, ikon fayllarını vebsaytınızın kök qovluğuna yükləyin və INSTALL.txt faylını oxuyun. O, ICO, PNG ikonu, Apple Touch ikonu və veb manifest üçün HTML link teqlərini ehtiva edir. Faylları alt qovluğa yerləşdirsəniz, həm HTML yollarını, həm də site.webmanifest daxilindəki ikon yollarını yeniləyin.

Saytınızı yeni brauzer sekmesində və maraqlandığınız cihazlarda yoxlayın. Brauzerlər favicon-ları keşləyə bilər, buna görə köhnə ikon dərhal quraşdırmanın uğursuz olduğunu sübut etmir. Redaktoru yeniləməzdən əvvəl mənbə şəklini və yüklənmiş paketi saxlayın, çünki yeniləmə əsas alət səhifəsinə qayıdır.