Hansı şəkil formatını yükləməliyəm?

Şəffaf fonu olan PNG ən yaxşı işləyir. Ən azı 512x512 piksel ölçülü kvadrat şəkil istifadə edin ki, alət keyfiyyət itkisi olmadan kiçilsin. SVG də yaxşı işləyir, çünki istənilən ölçüdə ölçülür.

Bu hansı ölçüləri yaradır?

16x16 (brauzer nişanı), 32x32 (brauzer nişanı @2x), 48x48 (Windows tapşırıq çubuğu), 180x180 (Apple Touch ikonu), 192x192 (Android əsas ekranı), 512x512 (PWA ekranı). ICO faylında 16, 32 və 48px ölçüləri var.

Favikon fayllarını hara yerləşdirə bilərəm?

favicon.ico-nu veb saytınızın kök kataloquna yerləşdirin. Digər PNG ölçüləri ümumi qovluğunuza və ya hər hansı əlçatan yola daxil olur. HTML keçid teqlərini bölmənizdə hər bir fayl məkanına işarə edən əlavə edin.

Niyə mənim favikonum brauzerdə yenilənmir?

Brauzerlər favikonları aqressiv şəkildə keşləyir. Brauzerinizin keşini təmizləyin, inkoqnito pəncərəsində açmağa cəhd edin və ya yeniləməyə məcbur etmək üçün favikon URL-inə versiya sorğu sətrini (?v=2) əlavə edin.

Favikonum niyə yenilənmir?

Brauzerlər favikonları aqressiv şəkildə, bəzən günlərlə yaddaşda saxlayır. Keşi təmizləmək, birbaşa ikona URL-ni açmaq və ya link teqinə versiya sorğusu parametrini əlavə etməklə yeniləməyə məcbur edin.

Şəklim serverə yüklənib?

Xeyr. Nəsil brauzerinizdə baş verir.

SVG və ya PNG istifadə etməliyəm?

Mənbə üçün SVG (qətnamədən asılı olmayaraq). Generator PNG-ləri xüsusi ölçülərdə çıxarır; müasir brauzerlər həmçinin rel=icon type=image/svg+xml linki vasitəsilə SVG favikonlarını dəstəkləyir.

site.webmanifest nədir?

Nişanları, rəngləri və digər metadatanı təsvir edən mütərəqqi veb tətbiqləri üçün JSON manifestidir. Quraşdırıla bilən veb proqramlar üçün tələb olunur; hətta standart saytlara daxil etmək üçün zərərsizdir.

Pulsuz çevirici

Favikon Generator

İstənilən şəkildən çoxsaylı ölçülərdə (16x16 - 512x512) favikon faylları yaradın. Pulsuz, ani və tamamilə brauzerinizdə işləyir.

Şəkli bura sürükləyin və buraxın

PNG, JPG, SVG, WebP dəstəkləyir. Maksimum 10MB.

Və ya

Bu alət haqqında

Favikon brauzer nişanlarında, əlfəcinlərdə və tarix siyahılarında görünən kiçik ikonadır. Orijinal favikon — /favicon.ico saytındakı 16×16 ICO faylı — müxtəlif platformalar üçün müxtəlif ölçülərdə mürəkkəb nişanlar dəstinə çevrilmişdir: brauzer nişanları üçün 16×16 və 32×32, iOS əsas ekranları üçün 180×180, Android üçün 192×192 və 512×512, müxtəlif ölçülü. Bütün bunları bir mənbədən əldə etmək müasir favikon generatorunun işidir.

Bu alət tək yüksək keyfiyyətli mənbə şəklini (adətən kvadrat loqo) götürür və favikon aktivlərinin tam dəstini və onlara istinad etmək üçün lazım olan HTML keçid teqlərini yaradır. Nəticəyə ICO, çoxsaylı PNG və mütərəqqi veb tətbiq metadatası üçün manifest.json daxildir. Yaranan faylları saytınızın kökünə buraxın və yaradılan HTML vasitəsilə onlara istinad edin.

Bütün emal brauzerinizdə baş verir. Yükləmə yoxdur, API çağırışı yoxdur, tarif limiti yoxdur. Çıxış favikonları göstərən hər bir müasir brauzer və əməliyyat sistemində işləyir.

Niyə Favikon yaratmalısınız

Favikonları olmayan saytlar yarımçıq görünür. Brauzer nişanları ümumi simvolu göstərir; əlfəcinlərin vizual identifikatoru yoxdur; sayt daha az peşəkar görünür. Düzgün favikon dəstinin əlavə edilməsi təfərrüatlara diqqət yetirməyə işarə edən az səy tələb edən yüksək təsirli cilalanma addımıdır.

Müasir favikon tələbləri /favicon.ico-dan kənara çıxdı. iOS əsas ekran nişanları, Android Chrome nişanları, Windows kafel nişanları və qaranlıq rejim variantları hamısı fərqli fayllardan istifadə edir. Onların hamısını bir mənbədən yaratmaq, hər bir faylı əl ilə idarə etmədən ardıcıl brendləşdirməni təmin edir.

Necə istifadə etməli

Mənbə şəklini yükləyin, tam favikon dəstini əldə edin.

Mənbə şəklini yükləyin: Ən azı 512×512 piksel ölçülü kvadrat şəkil istifadə edin. PNG-yə üstünlük verilir (şəffaflıq dəstəyi); SVG də qəbul edilir. Daha yüksək ayırdetmə mənbələri daha kəskin kiçik nişanlar yaradır.
Platforma seçimlərini konfiqurasiya edin: Lazım olduqda iOS, Android, Windows və PWA çıxışlarını aktivləşdirin. Defolt parametrlər əksər saytların ehtiyac duyduğu standart dəsti yaradır.
Rəngləri və mövzunu fərdiləşdirin: Windows plitələri və PWA ekranları üçün mövzu rənglərini seçin. Brend kimliyinizə uyğunlaşın.
Yükləyin və yerləşdirin: Yaradılmış zip-i yadda saxlayın. Faylları saytınızın kökünə yerləşdirin və yaradılan HTML keçid teqlərini <head>-ə əlavə edin. HTML düzgün ölçüdə hər bir işarəyə istinad edir.

Ümumi istifadə halları

Yeni veb-saytlara favikonların əlavə edilməsi — Hər yeni sayt tam favikon dəstinə ehtiyac duyur. Nəsil onu tək bir loqo mənbəyindən istehsal edir.
Köhnəlmiş favikonların yenilənməsi — Köhnə saytlarda çox vaxt yalnız /favicon.ico; müasir tələblər daha dolğun dəst tələb edir. Yenidən yaratma çatışmayan aktivləri doldurur.
PWA nişanlarının istehsalı — Proqressiv veb proqramlar 192×192 və 512×512 nişanlar və manifest metadata tələb edir. Generator bunları düzgün istehsal edir.
Brendləşdirmə arasında köçürmə — Rebrendlər tez-tez bütün favikonların bərpasını tələb edir. Tək mənbəli nəsil itkin aktivlərin qarşısını alır.
Müxtəlif rənglərlə sınaq — Mövzu rənglərini tez təkrarlayın və ikon dəstinin müxtəlif ölçülərdə necə göründüyünü dərhal görə bilərsiniz.

Texniki Detallar

Tam müasir favikon dəsti: favicon.ico (16+32+48 çox rezolyusiya), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome5-5.png mstile-150x150.png. Üstəlik PWA üçün site.webmanifest, Windows üçün browserconfig.xml.

Hər PNG mənbədən kətan əsaslı aşağı seçmə yolu ilə yaradılır. ICO JavaScript-də 16/32/48 versiyalarını DataView yazılarından istifadə edərək çox rezolyusiyaya malik ICO formatında birləşdirərək qurulmuşdur.

HTML keçid teqləri hər bir fayla müvafiq rel və ölçü atributları ilə istinad edir. Generator bunları saytınızın <head> üçün kopyala-yapışdırmağa hazır parça kimi istehsal edir.

Ən yaxşı təcrübələr

Yüksək keyfiyyətli mənbədən istifadə edin — Ən azı 512×512 PNG və ya SVG master ilə başlayın. Kiçik bir mənbənin ölçüsünü artırmaqdan daha kəskin kiçik nişanlar istehsal edir.
Birdən çox brauzerdə sınaqdan keçirin — Fərqli brauzerlər və platformalar fərqli nişanlar göstərir. Hər birinin düzgün aktivi seçdiyini təsdiqləmək üçün yerləşdirilmiş saytı Chrome, Safari, Firefox, mobil Safari və Android Chrome-da açın.
Rəngləri brendinizə uyğunlaşdırın — Mövzu rəngləri və PWA ekranları brend şəxsiyyətinizi əks etdirməlidir. Uyğun olmayan rənglər uyğun olmayan sistem inteqrasiyası ilə cilalanmış görünüşlü ikona yaradır.
Gələcək regenerasiya üçün mənbə SVG-ni saxlayın — Rebrendinq etdiyiniz zaman mənbədən bərpa edəcəksiniz. Əsas SVG-ni (və ya ən yüksək rezolyusiyaya malik PNG) əlçatan saxlayın.

Tez-tez verilən suallar

Hansı şəkil formatını yükləməliyəm?: Şəffaf fonu olan PNG ən yaxşı işləyir. Ən azı 512x512 piksel ölçülü kvadrat şəkil istifadə edin ki, alət keyfiyyət itkisi olmadan kiçilsin. SVG də yaxşı işləyir, çünki istənilən ölçüdə ölçülür.
Bu hansı ölçüləri yaradır?: 16x16 (brauzer nişanı), 32x32 (brauzer nişanı @2x), 48x48 (Windows tapşırıq çubuğu), 180x180 (Apple Touch ikonu), 192x192 (Android əsas ekranı), 512x512 (PWA ekranı). ICO faylında 16, 32 və 48px ölçüləri var.
Favikon fayllarını hara yerləşdirə bilərəm?: favicon.ico-nu veb saytınızın kök kataloquna yerləşdirin. Digər PNG ölçüləri ümumi qovluğunuza və ya hər hansı əlçatan yola daxil olur. HTML keçid teqlərini <head> bölmənizdə hər bir fayl məkanına işarə edən əlavə edin.
Niyə mənim favikonum brauzerdə yenilənmir?: Brauzerlər favikonları aqressiv şəkildə keşləyir. Brauzerinizin keşini təmizləyin, inkoqnito pəncərəsində açmağa cəhd edin və ya yeniləməyə məcbur etmək üçün favikon URL-inə versiya sorğu sətrini (?v=2) əlavə edin.
Favikonum niyə yenilənmir?: Brauzerlər favikonları aqressiv şəkildə, bəzən günlərlə yaddaşda saxlayır. Keşi təmizləmək, birbaşa ikona URL-ni açmaq və ya link teqinə versiya sorğusu parametrini əlavə etməklə yeniləməyə məcbur edin.
Şəklim serverə yüklənib?: Xeyr. Nəsil brauzerinizdə baş verir.
SVG və ya PNG istifadə etməliyəm?: Mənbə üçün SVG (qətnamədən asılı olmayaraq). Generator PNG-ləri xüsusi ölçülərdə çıxarır; müasir brauzerlər həmçinin rel=icon type=image/svg+xml linki vasitəsilə SVG favikonlarını dəstəkləyir.
site.webmanifest nədir?: Nişanları, rəngləri və digər metadatanı təsvir edən mütərəqqi veb tətbiqləri üçün JSON manifestidir. Quraşdırıla bilən veb proqramlar üçün tələb olunur; hətta standart saytlara daxil etmək üçün zərərsizdir.

Favikon Generator

Şəkli bura sürükləyin və buraxın

Əlaqədar Alətlər

Tətbiq İkonası Generator

Brauzer çərçivəsi Mockup Generator

Cihaz maketi Generator

Meme Generator

Bu alət haqqında

Niyə Favikon yaratmalısınız

Necə istifadə etməli

Ümumi istifadə halları

Texniki Detallar

Ən yaxşı təcrübələr

Tez-tez verilən suallar

Related Articles

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

Color & Design Tools Guide: Hex, RGB, HSL, and Color Palettes Explained

How to Convert Files Online Safely: Privacy and Security Guide

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk