Tangkapan skrin menunjukkan apl bahasa Inggeris. Nama dan kawalan pratetap juga tersedia dalam bahasa apl anda.

Titik permulaan anda

Gunakan Set Favicon dalam PixRinse, kemudian semak tetapan ini terhadap destinasi sebenar anda.

Tetapan untuk aliran kerja ini
PNG Favicon16 / 32 / 48 px
Apple Sentuh PNG180 px
PNG apl web192 / 512 px
warnasRGB
PixRinse Set Favicon pratetap dengan enam PNG saiz ikon tapak web
Tetapan yang digunakan untuk panduan ini. Pilih tangkapan skrin untuk memeriksanya pada saiz penuh.
Format PNG dan Tukar kepada sRGB ditunjukkan dalam kawalan pengekodan.
Format PNG dan Tukar kepada sRGB ditunjukkan dalam kawalan pengekodan.

Bagaimana untuk melakukannya

  1. Sediakan tanda sumber segi empat sama

    Gunakan sumber sekurang-kurangnya sebesar ikon terbesar yang anda perlukan. Permudahkan butiran halus yang mungkin hilang di 16 px.

  2. Pilih Set Favicon

    Semak enam saiz. Templat menggunakan peraturan penutup berpusat, jadi sumber bukan segi empat sama boleh dipangkas.

  3. Periksa keluaran terkecil

    Semak fail 16 dan 32 px pada saiz sebenar. Saiz semula automatik tidak boleh menggantikan pelarasan optik yang disengajakan untuk tanda jenama yang kompleks.

  4. Eksport imej dan tambahkan rujukannya pada kod tapak web anda

    Tambahkan fail PNG ke tapak web anda dan rujuk saiz yang berkaitan dalam kepala HTML dan manifes apl web.

FAIL DARI JALAN RAYA INI

Apa yang dihasilkan oleh contoh ini

Tanda segi empat sama 1024 × 1024 menghasilkan enam PNG tanpa amaran bukan sumber kuasa dua. Setiap fail yang dieksport mengandungi profil sRGB.

Sumber persegi
1024 × 1024
PNG eksport
6
Profil warna
sRGB pada setiap output
Fail yang dieksport sebenar
FailFormatPikselBait
android-chrome-192x192.pngPNG192 × 19226,980
android-chrome-512x512.pngPNG512 × 512174,868
apple-touch-icon.pngPNG180 × 18023,839
favicon-16x16.pngPNG16 × 16692
favicon-32x32.pngPNG32 × 321,751
favicon-48x48.pngPNG48 × 483,093
Buat satu set ikon tapak web: hasil eksport sebenar
Hasil eksport sebenar untuk fail sampel yang ditunjukkan dalam panduan ini.

Diukur pada fail sampel yang ditunjukkan. Hasil anda bergantung pada asal dan tetapan anda. Panduan ini menggunakan karya seni PixRinse milik pada kanvas sampel segi empat sama atau lutsinar.

Beberapa soalan biasa

Adakah ia mencipta favicon.ico?

Tidak. Set terbina dalam mengeksport enam fail PNG dengan nama fail tertentu.

Adakah logo lebar berfungsi?

Sumber persegi adalah lebih baik. Peraturan muka depan boleh memangkas sumber yang luas, jadi semak pratonton dengan teliti.

Letakkan aliran kerja berfungsi.

Buka PixRinse, tambahkan beberapa imej dan mulakan dengan tetapan di atas.

Muat turun untuk MacPercuma: sehingga 10 imej setiap kelompok dan satu output bagi setiap sumber. Output berbilang aliran kerja ini memerlukan Pro. Bandingkan Percuma & Pro.