Generator Apple Touch Icon

Buat apple-touch-icon 180×180 yang dipakai iOS untuk bookmark layar utama — plus satu set favicon lengkap — secara lokal di browser Anda. Tidak ada yang diunggah.

Privasi yang utama: setiap gambar diproses secara lokal di browser Anda. Tidak ada yang diunggah, disimpan, atau dikirim ke server mana pun.

Ikon yang diletakkan iOS di layar utama

Saat seseorang menambahkan situs Anda ke layar utama iPhone atau iPad-nya, iOS mencari apple-touch-icon 180×180; tanpa itu ia jatuh kembali ke tangkapan layar yang buram. Generator ini merender ukuran persis tersebut dari gambar Anda — dengan latar solid, karena apple-touch-icon sebaiknya tidak transparan — dan menyertakannya dalam unduhan bersama favicon.ico serta ikon Android.

Satu ekspor, semua platform

Alih-alih memangkas file terpisah untuk tiap perangkat secara manual, hasilkan seluruh setnya sekaligus: apple-touch-icon untuk iOS, PNG 192 dan 512px untuk Android dan PWA, serta favicon.ico untuk browser desktop, lengkap dengan cuplikan HTML untuk merujuknya. Semuanya berjalan di browser Anda, jadi karya merek Anda tidak pernah meninggalkan perangkat.

Pertanyaan umum

Apakah gambar saya diunggah untuk membuat favicon?
Tidak. favicon.ico, ikon PNG, dan manifest semuanya dihasilkan secara lokal di browser Anda menggunakan Canvas API. Gambar Anda tidak pernah meninggalkan perangkat.
Ukuran dan file apa saja yang saya dapatkan?
Sebuah favicon.ico multi-resolusi (16, 32, dan 48px), ikon PNG pada 16, 32, 48, 180 (apple-touch-icon), 192, dan 512px, sebuah site.webmanifest, serta potongan HTML untuk ditempel ke dalam <head> Anda.
Bisakah saya mengonversi PNG atau SVG ke ICO?
Bisa. Jatuhkan file PNG, JPG, SVG, atau WebP dan unduh favicon.ico yang sesungguhnya. Logo SVG diraster secara lokal pada resolusi tinggi terlebih dahulu.
Gambar seperti apa yang paling cocok?
Gambar persegi dengan logo sederhana berkontras tinggi. Gambar non-persegi dipangkas dari tengah agar pas; gunakan kontrol padding dan bentuk untuk membingkainya sesuai keinginan Anda.
Bagaimana cara memasang favicon?
Ekstrak paketnya ke folder root situs Anda dan tempelkan potongan HTML yang disediakan ke dalam <head> halaman Anda. favicon.ico dikenali otomatis oleh sebagian besar browser.