Alat › Desain
Studio favicon dan ikon aplikasi
Ubah satu logo menjadi favicon.ico, apple-touch-icon, ikon adaptif dan maskable Android, set AppIcon iOS, dan site.webmanifest.
Isi paketnya
favicon.ico (16, 32, 48), favicon PNG, apple-touch-icon, ikon Android Chrome dan maskable, site.webmanifest, set AppIcon iOS untuk Xcode, mipmap Android dengan ikon adaptif, dan cuplikan HTML ini:
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#F39A3D">
Cara kerjanya
- Logo Anda digambar di canvas untuk setiap ukuran, dengan zona aman untuk ikon maskable dan adaptif.
- favicon.ico berisi PNG 16, 32, dan 48 px yang dibaca semua browser saat ini.
Pertanyaan
Sumber gambar apa yang paling bagus?
SVG, atau PNG persegi minimal 512×512 dengan sedikit ruang kosong di sekitar logo.