Generator Favicon

Cara memakai

Pilih JPEG, PNG, WebP, atau GIF. Buat file membangun paket. Unduh menyimpan ZIP. Letakkan file di situs Anda dan salin tag tautan dari README.txt ke elemen head.

Contoh

README.txt menyertakan tag link untuk ikon, PNG 32 piksel, dan Apple touch icon.

Input

A square logo PNG

Output

favicon-pack.zip berisi favicon.ico, PNG 16, 32, 48, dan 180 piksel, serta README.txt

Cara kerja

Setiap ukuran digambar pada kotak putih agar logo transparan tetap terlihat di chrome browser terang dan gelap. favicon.ico berisi PNG 16 dan 32 piksel dalam kontainer PNG-in-ICO. PNG 48 adalah ikon pintasan umum. PNG 180 adalah ukuran Apple touch. ZIP disimpan tanpa dikompres ulang dan menyertakan cuplikan HTML.

Kesalahan umum

Ikon terlihat terpotong Sumber diregang ke kotak. Mulai dari gambar persegi jika karya tidak boleh diregang.
Browser lama mengabaikan favicon.ico ICO memakai PNG tertanam yang dibaca browser modern. File PNG terpisah adalah cadangan di README.
ZIP tidak muncul Buat file harus berhasil sebelum Unduh. Gambar rusak gagal sebelum paket dibangun.

Batasan

Paket tidak menyertakan web app manifest, favicon SVG, atau ikon maskable 512 piksel. Animasi dikurangi ke satu frame. File di atas 15 MB atau 8000 piksel di satu sisi ditolak. Gambar tidak diunggah.

Privasi

File tetap di browser Anda. PepsTools tidak mengunggah, menyimpan, atau mengirimkannya ke layanan lain. Bersihkan alat atau tinggalkan halaman untuk menghapusnya dari memori.

Pertanyaan

Tag mana yang harus dipakai situs?

README di ZIP mencantumkan link favicon.ico, link PNG 32 piksel, dan link apple-touch-icon. Salin ke elemen head dan sesuaikan path.