Tambahkan logo dan beberapa detail untuk mendapatkan setiap ikon, gambar berbagi, dan tag head dalam satu .zip. Anda mendapat favicon.ico, ikon PNG dan Apple, web manifest, gambar berbagi 1200 kali 630, dan tag head untuk ditempel. Gambar Anda tidak pernah meninggalkan perangkat ini. Gratis.
Cara membuat ikon dan tag Anda, langkah demi langkah
- Pilih Logo atau gambar, atau letakkan di halaman. Logo persegi 512 px atau lebih besar paling baik.
- Pilih gaya Gambar berbagi: Logo di atas warna atau Foto penuh.
- Isi Nama situs, Judul halaman, Deskripsi, Alamat halaman, dan handle X.
- Pilih Warna background dan Warna tema, yang mewarnai bilah browser ponsel.
- Periksa pratinjau kartu berbagi dan ikon.
- Tekan Unduh .zip dan Salin HTML.
- Unggah file ke folder file Anda, lalu tempel tag ke head halaman Anda.
Isi paket
favicon.ico menampung ikon 16, 32, dan 48 piksel untuk setiap browser. favicon-16.png dan favicon-32.png adalah versi tajam yang dipakai browser modern. apple-touch-icon.png untuk layar utama iPhone dan iPad, dan ikon Android plus site.webmanifest dipakai saat seseorang memasang situs Anda. og-image.png adalah gambar yang ditampilkan saat tautan Anda dibagikan, dan head.html memiliki setiap tag siap tempel.
Mendapatkan gambar berbagi yang bagus
Aplikasi chat dan situs sosial menampilkan gambar sekitar 1200 × 630, lalu memangkas atau memperkecilnya untuk kartu lebih kecil, jadi jaga judul tetap pendek dan logo jelas. Gaya Logo menaruh logo Anda di warna background di samping judul. Gaya Foto memenuhi kartu dengan gambar Anda dan menaruh judul di atas bayangan lembut, yang paling baik untuk foto lebar. Gambar berbagi memerlukan alamat https:// lengkap, jadi isi alamat halaman.
Memeriksa bahwa berfungsi
Setelah Anda mengunggah file, buka halaman Anda dan lihat sumbernya untuk melihat tag. Banyak situs menyimpan kartu berbagi di cache, jadi jika gambar lama masih muncul, tambahkan versi ke alamat gambar, seperti og-image.png?v=2, atau minta alat pratinjau tautan platform untuk mengambil halaman lagi.
Tips
- Gunakan logo sederhana yang tetap jelas pada 16 piksel.
- Pilih warna background yang cocok dengan merek Anda.
- Tulis deskripsi singkat yang membuat orang ingin mengklik.
- Periksa halaman Anda sesudahnya dengan pemindaian pra-peluncuran.
Untuk set tag yang lebih lengkap, seperti robots dan detail artikel, lihat pembuat meta tag, dan untuk ikon saja, pembuat favicon.
Siapa yang memakainya
Orang yang meluncurkan situs pribadi, portofolio, toko, atau halaman usaha kecil, dan developer yang ingin setiap ikon dan file berbagi dibuat sekaligus.
Pertanyaan
Di mana saya meletakkan file-nya?
Unggah semua isi .zip ke folder file situs Anda, lalu tempel tag ke bagian head halaman Anda.
Apakah saya butuh semua ikon?
Dengan set lengkap, ikon Anda tampil benar di browser, di layar utama ponsel, dan saat situs Anda dipasang.
Apakah logo saya diunggah?
Tidak. Semuanya dibuat di browser Anda.