Penjana Apple Touch Icon
Cipta apple-touch-icon 180×180 yang digunakan iOS untuk penanda halaman skrin utama — berserta set favicon yang penuh — secara setempat dalam pelayar anda. Tiada apa-apa dimuat naik.
Privasi didahulukan: setiap imej diproses secara setempat dalam pelayar anda. Tiada apa-apa dimuat naik, disimpan atau dihantar ke mana-mana pelayan.
Ikon yang diletakkan iOS pada skrin utama
Apabila seseorang menambah laman anda ke skrin utama iPhone atau iPad mereka, iOS mencari apple-touch-icon 180×180; tanpanya ia berbalik kepada tangkapan skrin yang kabur. Penjana ini memaparkan saiz tepat itu daripada imej anda — dengan latar belakang pejal, kerana apple-touch-icon tidak sepatutnya lutsinar — dan menyertakannya dalam muat turun bersama favicon.ico serta ikon Android.
Satu eksport, setiap platform
Daripada memangkas fail berasingan bagi setiap peranti dengan tangan, jana keseluruhan set sekali gus: apple-touch-icon untuk iOS, PNG 192 dan 512px untuk Android dan PWA, dan favicon.ico untuk pelayar desktop, dengan coretan HTML untuk merujuknya. Semuanya berjalan dalam pelayar anda, jadi seni jenama anda tidak pernah meninggalkan peranti anda.
Soalan lazim
- Adakah imej saya dimuat naik untuk membuat favicon?
- Tidak. favicon.ico, ikon PNG dan manifes semuanya dijana secara setempat dalam pelayar anda menggunakan API Canvas. Imej anda tidak pernah meninggalkan peranti anda.
- Saiz dan fail apakah yang saya dapat?
- Satu favicon.ico berbilang resolusi (16, 32 dan 48px), ikon PNG pada 16, 32, 48, 180 (apple-touch-icon), 192 dan 512px, satu site.webmanifest, dan cebisan HTML untuk ditampal ke dalam <head> anda.
- Bolehkah saya menukar PNG atau SVG kepada ICO?
- Ya. Letakkan PNG, JPG, SVG atau WebP dan muat turun favicon.ico yang sebenar. Logo SVG diraster secara setempat pada resolusi tinggi terlebih dahulu.
- Imej apakah yang paling sesuai?
- Imej persegi dengan logo yang ringkas dan berkontras tinggi. Imej bukan persegi dipotong dari tengah supaya muat; gunakan kawalan pelapik dan bentuk untuk membingkainya mengikut kehendak anda.
- Bagaimanakah saya memasang favicon itu?
- Nyahzip pakej itu ke dalam folder root laman anda dan tampal cebisan HTML yang diberikan ke dalam <head> halaman anda. favicon.ico dikesan secara automatik oleh kebanyakan pelayar.