Tangkapan layar menunjukkan aplikasi bahasa Inggris. Nama dan kontrol preset juga tersedia dalam bahasa aplikasi Anda.

Titik awal Anda

Gunakan Set Favicon di PixRinse, lalu tinjau pengaturan ini terhadap tujuan Anda sebenarnya.

Pengaturan untuk alur kerja ini
PNG favicon16 / 32 / 48 px
Apple Sentuh PNG180 px
PNG aplikasi web192 / 512 px
WarnasRGB
PixRinse Set Favicon telah ditetapkan dengan enam ukuran ikon situs web PNG
Pengaturan yang digunakan untuk penelusuran ini. Pilih tangkapan layar untuk memeriksanya dalam ukuran penuh.
Format PNG dan Konversikan ke sRGB ditampilkan di kontrol pengkodean.
Format PNG dan Konversikan ke sRGB ditampilkan di kontrol pengkodean.

Bagaimana cara melakukannya

  1. Siapkan tanda sumber persegi

    Gunakan sumber setidaknya sebesar ikon terbesar yang Anda perlukan. Sederhanakan detail halus yang mungkin hilang di 16 px.

  2. Pilih Set Favicon

    Tinjau enam ukuran. Templat menggunakan aturan sampul di tengah, sehingga sumber non-persegi dapat dipotong.

  3. Periksa keluaran terkecil

    Periksa file 16 dan 32 px dengan ukuran sebenarnya. Pengubahan ukuran otomatis tidak dapat menggantikan penyesuaian optik yang disengaja untuk merek merek yang rumit.

  4. Ekspor gambar dan tambahkan referensinya ke kode situs web Anda

    Tambahkan file PNG ke situs web Anda dan referensikan ukuran yang relevan di kepala HTML dan manifes aplikasi web.

FILE DARI WALKTHROUGH INI

Apa yang dihasilkan oleh contoh ini

Tanda persegi 1024 × 1024 menghasilkan enam PNG tanpa peringatan sumber non-persegi. Setiap file yang diekspor berisi profil sRGB.

Sumber persegi
1024 × 1024
PNG ekspor
6
Profil warna
sRGB pada setiap keluaran
File yang diekspor sebenarnya
MengajukanFormatPikselByte
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 situs web: hasil ekspor aktual
Hasil ekspor sebenarnya untuk file sampel yang ditunjukkan dalam panduan ini.

Diukur pada file sampel yang ditampilkan. Hasil Anda bergantung pada dokumen asli dan pengaturan Anda. Panduan ini menggunakan karya seni PixRinse milik pada kanvas sampel persegi atau transparan.

Beberapa pertanyaan umum

Apakah itu membuat favicon.ico?

Tidak. Set bawaan mengekspor enam file PNG dengan nama file tertentu.

Akankah logo lebar berfungsi?

Sumber persegi lebih disukai. Aturan sampul dapat memotong sumber yang luas, jadi tinjau pratinjaunya dengan cermat.

Manfaatkan alur kerja.

Buka PixRinse, tambahkan beberapa gambar dan mulai dengan pengaturan di atas.

Unduh untuk MacGratis: hingga 10 gambar per kumpulan dan satu keluaran per sumber. Beberapa keluaran alur kerja ini memerlukan Pro. Bandingkan Gratis & Pro.