Ana içeriğe geç
Werkzeu.ge
Dashboard
Favicon setini sunucu desteğiyle oluşturmak için motifini aktarıyoruz. Özellikle küçük 16 piksellik varyantları kontrol et.
PlusGörsel düzenleme

Favicon Generator

Favicon, tarayıcı sekmesinde, yer imlerinde ve ana ekranda görünen minik simgedir - ve tam da bunun için bugün iyi bir düzine farklı dosya boyutu ve biçimi gerekiyor. Tek bir görselden komple set çıkar: ICO, Apple Touch Icon, Android Chrome simgeleri, PWA manifesti ve yapıştırmaya hazır HTML kod parçası. Bu sayfa örnek ve açıklamalı bir önizleme; asıl oluşturma ekranını Plus planıyla giriş yaptıktan sonra açarsın.

İçine bir bakış

Favicon GeneratorPlus
Favicon Generator: aracın örnek verili ekran görüntüsü
Örnek verili önizleme. Kullanım, giriş yaptıktan sonra çalışır.

Bu güvenli önizleme, hesaba bağlı eylemler çalıştırmadan aracın ne işe yaradığını gösterir.

Favicon Generator neler yapar

Eskiden kök dizindeki bir favicon.ico yeterdi. Bugün her tarayıcı ve her işletim sistemi kendi biçimini bekliyor: Safari 180 piksellik bir Apple Touch Icon istiyor, Android Chrome ana ekran için 192 ve 512 piksel görmek istiyor, Windows karoları yine başka bir şey istiyor, kurulabilir bir web uygulaması için de bir manifest.json gerekiyor. Favicon Generator bu başıboşluğu senin üzerinden alır ve tek bir kaynak görselden hepsini birden üretir.

Kare bir görsel yüklersin - en iyisi bir logo ya da net bir grafik - ve eksiksiz bir set geri alırsın. Sette sekme çubuğu için klasik çok boyutlu ICO, iPhone ana ekranı için Apple Touch Icon, 192 ve 512 piksellik Android Chrome sürümleri ve eski tarayıcılar için daha küçük PNG boyutları bulunur. Her şey piksel piksel hesaplanır, böylece simgen her boyutta keskin kalır.

Dönüştürme, bizim sunucumuzda hızlı ve yüksek kaliteli bir görsel kütüphanesiyle çalışır. Bu önemli, çünkü favicon temiz kenarlarla yaşar. Özensiz küçültme, logonu 16 pikselde bulanık bir lekeye çevirir. Bu kütüphane temiz küçültür, böylece en küçük boyutta bile simge hâlâ tanınır.

Hiçbir şeyi elle toplamak zorunda kalmaman için araç, uygun PWA manifestini ve tüm link ve meta etiketlerini içeren hazır bir HTML kod parçasını da verir. Bloğu sayfanın head bölümüne kopyalarsın, dosyaları yüklersin ve tüm platformlar doğru simgesini bulur. Hangi satırın hangi tarayıcı için olduğunu tahmin etmek yok.

Bu, kendi simgesini hak eden her şey için ideal: yeni açılış sayfası, dernek projesi, müşteri projesi ya da ilerleyen web uygulaman. Beş farklı çevrimiçi araçta tıklayıp sonunda yine de bir biçimi unutmak yerine, burada düşünülmüş eksiksiz bir paketi tek seferde alırsın.

Fonksiyonlar

Eksiksiz simge seti

ICO, Apple Touch Icon, Android Chrome simgeleri ve PNG yedekleri - tüm boyutlar tek bir kaynaktan.

PWA manifesti dahil

Kurulabilir web uygulamaları için doğru simge kayıtlarını içeren hazır bir manifest.json.

Yapıştırılacak HTML kod parçası

Tüm link ve meta etiketleri tek bir blokta; doğrudan sayfanın head bölümüne kopyalarsın.

Temiz küçültme

Yüksek kaliteli sunucu tarafı dönüştürme, simgen 16 pikselde bile keskin kalsın diye.

Piksel piksel doğru boyutlar

Gereken her boyut tam olarak hesaplanır - eğri kenar yok, bulanıklık yok.

Bir görsel, bir tık

Kaynak görseli yükle, seti indir. Beş farklı araçta dolaşmak yok.

Nasıl çalışır

  1. 1

    Kaynak görseli yükle

    Mümkünse kare bir logo ya da net bir grafik al. Motif ne kadar sade olursa küçük boyutlar o kadar iyi görünür.

  2. 2

    Seti oluştur

    Araç tüm boyutları ve biçimleri sunucu tarafında hesaplar - ICO, Apple Touch, Android Chrome ve PNG dosyaları.

  3. 3

    Manifesti ve HTML’i kopyala

    Birlikte gelen PWA manifestini ve HTML kod parçasını projene aktar.

  4. 4

    Dosyaları ekle

    Simgeleri kök dizinine yükle, bloğu head bölümüne ekle - tüm platformlar için hazır.

Kimin işine yarar

→Yeni bir web sitesine temiz bir favicon seti kazandırmak isteyen geliştiriciler.
→Kurulabilir bir simgeye ihtiyaç duyan ilerleyen web uygulaması sahipleri.
→Her müşteri projesi için hızlıca eksiksiz bir simge paketi üreten ajanslar.
→Grafik programı olmadan profesyonel bir sekme simgesi isteyen dernekler ve küçük projeler.
→Logolarını sekmeden ana ekrana kadar her yerde keskin göstermek isteyen blog yazarları.

Sık sorulan sorular

Kaynak görsel hangi boyutta olmalı?

En iyisi en az 512 x 512 piksel ve kare. Bu büyük kaynaktan tüm küçük boyutlar temiz biçimde küçültülür. Sade ve kontrastlı bir motif, 16 pikselde ayrıntılı bir fotoğraftan belirgin biçimde daha iyi çalışır.

Neden bu kadar çok farklı biçime ihtiyacım var?

Çünkü her platformun kendi kuralları var: sekme çubuğu ICO, iOS bir Apple Touch Icon, Android Chrome simgeleri, kurulabilir web uygulamaları bir manifest istiyor. Üretici hepsini birden kapsar, böylece simgen her yerde doğru görünür.

Apple Touch Icon nedir?

Biri sayfanı iPhone ya da iPad ana ekranına eklediğinde görünen simge. Genellikle 180 x 180 piksel boyutundadır ve araçın HTML kod parçasıyla birlikte verdiği ayrı bir link etiketiyle bağlanır.

Bununla bir PWA için simge oluşturabilir miyim?

Evet. Üretici, Android Chrome’un beklediği 192 ve 512 piksellik simgeleri ve uygun bir manifest.json verir. Böylece ilerleyen web uygulaman doğru simgeyle kurulabilir.

Saydamlık korunuyor mu?

Evet. Kaynak görselin saydam arka planlı bir PNG ise, bu arka plan PNG tabanlı simgelerde korunur. Böylece logon sekme ya da ana ekran arka planında temiz biçimde durur.

Neden tarayıcıda değil de sunucu tarafında?

Sunucu görseli yüksek kaliteyle küçültür ve ICO için gereken çoklu boyutları temiz biçimde birleştirir. Bu, tarayıcıda salt canvas ölçeklemesinden daha keskin sonuç verir, özellikle en küçük boyutlarda.

SVG-Rasterizer

SVG vektör grafiklerini sunucu tarafında PNG, JPG, WebP veya AVIF’e dönüştür. DPI kontrolü, t…

Bild-Konverter

Görselleri JPG, PNG, WebP, AVIF, GIF ve BMP arasında dönüştür. Kalite ayarlı toplu dönüştürme…

Bild-Skalierung

Görsellerinin boyutunu piksel, yüzde veya DPI’ye göre değiştir. Hazır ayarlar, toplu işleme v…

EXIF-Betrachter

Fotoğraflarının EXIF, IPTC, XMP ve ICC metaverilerini göster. GPS konumu, kamera verileri, ve…

QR-Code Generator

URL’ler, metinler, vCard’lar ve Wi-Fi erişimi için QR kodları oluştur. PNG veya SVG olarak in…

Favicon Generator için hazır mısın?

Kurulum yok. Plus planından itibaren dahil. Doğrudan tarayıcıda aç.

Şimdi aç