MoreOnlineTools
ESC

Penjana Favicon - Pembina pakej ikon lengkap

Muat naik satu imej untuk menjana favicon.ico, saiz PNG, snippet HTML dan fail manifest.

Muat naik imej sumber anda

Seret dan lepaskan imej anda di sini

PNG, JPG atau SVG segi empat sama berfungsi terbaik (sehingga 8MB).

Garis panduan pantas

  • Gunakan sumber sekurang-kurangnya 1024×1024px untuk hasil yang tajam.
  • Pastikan karya seni penting di tengah - ikon kecil dipotong lebih ketat.
  • PNG telus kelihatan lebih baik pada tema penyemak imbas gelap.
  • Kemas kini laluan snippet yang dijana untuk sepadan dengan penempatan anda.

Snippet HTML

Tampal baris ini di dalam tag laman web anda.

Pratonton manifest 


                

            

        

    







    

        
Mengapa menggunakan Penjana Favicon?

        

                        

                

                    

                    
Pakej lengkap

                    
Saiz PNG, favicon.ico, manifest dan browserconfig dalam satu muat turun.

                

            

                        

                

                    

                    
Penskalaan pintar

                    
Secara automatik memusatkan dan menskalakan karya seni anda untuk setiap resolusi.

                

            

                        

                

                    

                    
Snippet siap sedia

                    
Salin baris HTML  yang dijana untuk anda.

                

            

                        

                

                    

                    
Mesra privasi

                    
Semua berjalan dalam penyemak imbas anda - tiada muat naik ke pelayan kami.

                

            

                    

    





    

    
Bagaimana menggunakan Penjana Favicon?

    

                        

            

                
1

                
Tambah imej anda

                
Muat naik logo PNG, JPG atau SVG segi empat sama (maks 8MB).

            

        

                

            

                
2

                
Pilih saiz & gaya

                
Pilih saiz favicon, gaya latar belakang dan jejari sudut.

            

        

                

            

                
3

                
Jana pratonton

                
Semak setiap saiz ikon dan salin snippet HTML jika anda memerlukannya.

            

        

                

            

                
4

                
Muat turun pakej

                
Dapatkan ZIP dengan PNG, favicon.ico, manifest dan fail browserconfig.

            

        

            

    






    

    
Soalan lazim

    

                

            

                
            

            

                

                    PNG telus segi empat sama pada saiz 1024x1024px atau lebih besar memberikan hasil paling tajam pada semua saiz. SVG juga boleh digunakan dan berskala dengan sempurna untuk sebarang resolusi. JPG berfungsi tetapi tidak boleh mempunyai latar belakang telus — alat ini akan menambah warna latar belakang pepejal. Untuk kualiti terbaik: mulakan dengan sekurang-kurangnya 512x512px, pastikan reka bentuk berada di tengah, dan gunakan butiran yang minimal kerana favicon dipaparkan pada saiz sekecil 16x16px.                

            

        

                

            

                
            

            

                

                    Penjana ini menghasilkan ikon PNG pada saiz: 16, 24, 32, 40, 48, 57, 64, 72, 96, 120, 128, 144, 150, 180, 192, 256, 384, dan 512 piksel persegi. Pratetap "Moden" merangkumi 5 saiz paling penting; pratetap "Lengkap" menghasilkan kesemua 18 saiz. favicon.ico mengandungi versi 16, 32, dan 48px yang tertanam dalam satu fail untuk sokongan pelayar lama.                

            

        

                

            

                
            

            

                

                    favicon.ico ialah format bekas berbilang resolusi warisan yang disokong oleh semua pelayar sejak IE 5. Pelayar moden (Chrome, Firefox, Safari, Edge) lebih suka favicon PNG kerana ia menyokong kedalaman warna penuh dan ketelusan dengan saiz fail yang lebih kecil. Amalan terbaik: sertakan kedua-duanya — favicon.ico untuk keserasian warisan, dan tag <link rel="icon" type="image/png"> yang menunjuk ke fail PNG bersaiz sesuai untuk pelayar moden.                

            

        

                

            

                
            

            

                

                    Ikon Apple Touch (180x180px) digunakan apabila pengguna menambah laman web anda ke skrin utama iPhone atau iPad mereka. Tanpanya, iOS menggunakan tangkapan skrin halaman anda sebagai ikon, yang kelihatan tidak profesional. Tambahkan <link rel="apple-touch-icon" href="/apple-touch-icon.png"> ke dalam <head> HTML anda. Alat ini menghasilkan PNG 180px dan menyertakan baris HTML yang betul dalam snippet HTML. iOS moden (10+) hanya memerlukan 180px.                

            

        

                

            

                
            

            

                

                    Progressive Web Apps (PWA) memerlukan ikon 192x192 dan 512x512 yang disenaraikan dalam fail site.webmanifest. Ikon 192px muncul pada skrin utama Android apabila pengguna memasang PWA anda. Ikon 512px digunakan untuk skrin splash PWA. Alat ini menghasilkan kedua-dua fail PNG dan mencipta site.webmanifest dengan susunan ikon yang betul. Tambahkan <link rel="manifest" href="/site.webmanifest"> ke dalam <head> HTML anda untuk mendayakan pemasangan PWA.                

            

        

                

            

                
            

            

                

                    Snippet HTML yang dihasilkan merangkumi: tag <link rel="icon"> untuk favicon standard, <link rel="apple-touch-icon"> untuk ikon skrin utama iOS, <link rel="manifest"> yang menunjuk ke site.webmanifest untuk sokongan PWA, dan <meta name="msapplication-config"> yang menunjuk ke browserconfig.xml untuk jubin Windows. Tampalkan semua baris ke dalam <head> HTML anda. Kemaskini laluan jika ikon anda berada dalam subfolder.                

            

        

                

            

                
            

            

                

                    Ya. Pelayar moden (Chrome 80+, Firefox 41+, Safari 15+) menyokong favicon SVG melalui <link rel="icon" type="image/svg+xml" href="/favicon.svg">. Favicon SVG berskala dengan sempurna pada sebarang resolusi dan menyokong mod gelap melalui CSS @media (prefers-color-scheme: dark). Dayakan pilihan "Sertakan favicon.svg" dalam alat ini untuk menambah SVG ke dalam pakej anda. Simpan juga fail ICO dan PNG untuk sokongan fallback pada Safari 14 dan pelayar lama.                

            

        

                

            

                
            

            

                

                    Tidak. Semua pengubahan saiz, penukaran format, dan pembungkusan berlaku sepenuhnya dalam pelayar anda melalui JavaScript. Imej anda tidak pernah menyentuh sebarang pelayan. Tiada apa yang disimpan, dilog, atau dihantar — prosesnya adalah sepenuhnya peribadi dan berfungsi secara luar talian selepas halaman dimuatkan.                

            

        

            

    





    

        

        
Apa Itu Penjana Favicon?

        
Penjana favicon mengambil satu imej dan menghasilkan semua saiz ikon yang diperlukan oleh laman web anda -- favicon.ico, Apple touch icon, ikon manifest Android, semuanya. Muat naik sekali dan muat turun pakej yang sedia untuk digunakan.

    

        

        
Apa Yang Anda Dapat

        
Fail ICO berbilang resolusi, PNG individu dari 16x16 hingga 512x512, Apple touch icon, serta snippet HTML dan site.webmanifest yang boleh terus dimasukkan ke dalam projek anda.

    

        

        
Kes Penggunaan Biasa

        
Melancarkan laman web baru dan perlu semua ikon sekaligus. Penjenamaan semula dan menggantikan favicon di semua platform. Membina PWA dan memerlukan ikon manifest pada dimensi yang tepat.

    

        

        
Tips Untuk Hasil Terbaik

        
Mulakan dengan imej segi empat sama sekurang-kurangnya 1024x1024 piksel. PNG telus memberi fleksibiliti paling tinggi. Pastikan reka bentuk ringkas -- favicon sangat kecil, butiran halus akan hilang.

    

        

        
Privasi

        
Semua pengubahan saiz dan pembungkusan berlaku dalam penyemak imbas anda. Imej anda tidak menyentuh mana-mana pelayan dan tiada apa yang disimpan selepas tab ditutup.

    

        





    

        

            

                
                Keselamatan dan Privasi            

            
Keselamatan data anda adalah keutamaan kami

            
            

                                

                    

                        

                        
Pemprosesan Tempatan

                        
Semua pemprosesan berlaku dalam pelayar anda

                    

                

                                

                    

                        

                        
Tiada Pemindahan Data

                        
Data anda tidak dihantar ke pelayan kami

                    

                

                                

                    

                        

                        
Tiada Penyimpanan Data

                        
Tiada data disimpan atau dikongsi

                    

                

                                

                    

                        

                        
Penyulitan SSL

                        
Penyulitan SSL untuk sambungan selamat

                    

                

                            

        

    







        
        
        

    
    



        

    

        Langkah Seterusnya    

    

                        

            
                

                    
                

                

                    
Alat Ubah Saiz Imej

                    
Ubah saiz imej anda dengan nilai piksel atau peratusan

                

                
            
        

                        

            
                

                    
                

                

                    
Penukar SVG ke Imej

                    
Tukar fail SVG kepada format PNG, JPG, GIF atau WebP

                

                
            
        

            






    
Alat Berkaitan

    

                        

            
                

                    
                

                

                    
Penjana Hingar Imej

                    
Tambah kesan hingar dan butiran filem pada imej

                

                
            
        

                        

            
                

                    
                

                

                    
Penukar Format Imej

                    
Tukar imej antara format PNG, JPEG, WebP, GIF dan BMP

                

                
            
        

                        

            
                

                    
                

                

                    
Tera Air Imej

                    
Tambah tera air teks atau imej untuk melindungi foto anda.

                

                
            
        

                        

            
                

                    
                

                

                    
Pencantik Tangkapan Skrin

                    
Tambah latar belakang, bayang dan bingkai pada tangkapan skrin

                

                
            
        

                        

            
                

                    
                

                

                    
Pembuat GIF

                    
Cipta GIF animasi daripada pelbagai imej. Laraskan kadar bingkai, saiz dan gelun...

                

                
            
        

                        

            
                

                    
                

                

                    
Base64 ke Imej

                    
Tukar rentetan Base64 kepada imej yang boleh dimuat turun

                

                
            
        

            







    








    
    


    


    
    


    

        

            Lebih Banyak di MoreOnlineTools        

        

                        

                
                    

                        
                        
                            Alat Dalam Talian Percuma                        
                    

                    

                        109 alat untuk teks, imej, keselamatan dan pembangunan                    

                    
                        Semak Semua Alat →
                    
                
            

                        

                
                    

                        
                        
                            Helaian Rujukan Pembangun                        
                    

                    

                        Rujukan pantas untuk Regex, Git, kod HTTP, CSS, Markdown dan lagi                    

                    
                        Semak Helaian Rujukan →
                    
                
            

                        

                
                    

                        
                        
                            Kalkulator Dalam Talian                        
                    

                    

                        BMI, pinjaman, peratusan, tip, umur dan kalkulator praktikal lain                    

                    
                        Semak Kalkulator →
                    
                
            

                        

                
                    

                        
                        
                            Koleksi Alat                        
                    

                    

                        Aliran kerja terpilih: pembangunan API, saluran imej, audit keselamatan dan lagi                    

                    
                        Semak Koleksi →