İçeriğe geç
snowkitLaunch

Favicons, share image and head tags, from one image

Add your logo and a few details to get every icon, a share image and the head tags in one .zip.

Logo veya görsel

veya bunu bu sayfanın herhangi bir yerine bırakın · 512 px veya daha büyük kare bir logo en iyi sonucu verir

Paylaşım görseli
Sayfa
Renkler

Paylaşım kartı

acme-rockets.example.com

Simgeler

16 pixel favicon
16
32 pixel favicon
32
Apple touch icon
Apple
Maskable icon
Android

Bu cihazda yapıldı

.zip indir

Logonuzu ve birkaç ayrıntıyı ekleyin, her simgeyi, bir paylaşım görselini ve head etiketlerini tek .zip içinde alın. favicon.ico, PNG ve Apple simgeleri, bir web manifesti, 1200'e 630 paylaşım görseli ve yapıştırılacak head etiketlerini alırsınız. Görseliniz bu cihazdan hiç çıkmaz. Ücretsizdir.

Simgeleriniz ve etiketleriniz adım adım nasıl yapılır

  1. Bir Logo veya görsel seçin ya da sayfaya bırakın. 512 px veya daha büyük kare bir logo en iyi sonucu verir.
  2. Paylaşım görseli stilini seçin: Renk üzerinde logo veya Tam fotoğraf.
  3. Site adını, Sayfa başlığını, Açıklamayı, Sayfa adresini ve X kullanıcı adını doldurun.
  4. Telefon tarayıcı çubuğunu renklendiren Arka plan rengini ve Tema rengini seçin.
  5. Paylaşım kartının ve simgelerin önizlemesini kontrol edin.
  6. .zip indir'e ve HTML'yi kopyala'ya basın.
  7. Dosyaları dosya klasörünüze yükleyin, sonra etiketleri sayfalarınızın head bölümüne yapıştırın.

Pakette neler var

favicon.ico her tarayıcı için 16, 32 ve 48 piksellik simgeleri tutar. favicon-16.png ve favicon-32.png modern tarayıcıların kullandığı keskin sürümlerdir. apple-touch-icon.png iPhone ve iPad ana ekranları içindir ve Android simgeleri ile site.webmanifest biri sitenizi yüklediğinde kullanılır. og-image.png bağlantınız paylaşıldığında gösterilen resimdir ve head.html yapıştırmaya hazır her etiketi içerir.

İyi bir paylaşım görseli elde etme

Sohbet uygulamaları ve sosyal siteler görseli yaklaşık 1200 × 630'da gösterir, sonra daha küçük kartlar için kırpar veya küçültür, bu yüzden başlığı kısa ve logoyu net tutun. Logo stili logonuzu başlığın yanında arka plan rengine koyar. Fotoğraf stili kartı resminizle doldurur ve başlığı yumuşak bir gölgenin üstüne koyar; bu geniş fotoğraflar için en iyisidir. Paylaşım görselleri tam bir https:// adresi gerektirir, bu yüzden sayfa adresini doldurun.

Çalıştığını kontrol etme

Dosyaları yükledikten sonra sayfanızı açın ve etiketleri görmek için kaynağına bakın. Birçok site paylaşım kartlarını önbelleğe alır, bu yüzden eski bir resim hâlâ görünüyorsa görsel adresine og-image.png?v=2 gibi bir sürüm ekleyin veya platformun bağlantı önizleme aracından sayfayı yeniden getirmesini isteyin.

İpuçları

  • 16 pikselde net kalan basit bir logo kullanın.
  • Markanıza uyan bir arka plan rengi seçin.
  • İnsanların tıklamak isteyeceği kısa bir açıklama yazın.
  • Sonrasında sayfanızı yayın öncesi taramayla kontrol edin.

Robots ve makale ayrıntıları gibi daha kapsamlı bir etiket seti için meta etiket oluşturucuya, yalnızca bir simge için favicon oluşturucuya bakın.

Kimler kullanır

Kişisel bir site, bir portfolyo, bir dükkân veya küçük bir işletme sayfası yayınlayan insanlar ve her simgenin ve paylaşım dosyasının tek seferde yapılmasını isteyen geliştiriciler.

Sorular

Dosyaları nereye koyarım?

.zip içindeki her şeyi sitenizin dosya klasörüne yükleyin, sonra etiketleri sayfalarınızın head bölümüne yapıştırın.

Tüm simgelere ihtiyacım var mı?

Tam seti kullanmak, simgenizin tarayıcılarda, telefon ana ekranlarında ve siteniz yüklendiğinde doğru görünmesini sağlar.

Logom yükleniyor mu?

Hayır. Her şey tarayıcınızda yapılır.

Sırada ne var

Az önce yaptığınızla devam edin, hâlâ cihazınızda.

Snowkit'ten daha fazlası