PNG ICO Dönüştürücü

PNG görsellerini web siten için çoklu boyut içeren ICO favicon formatına dönüştür.

Maksimum yükleme dosyası boyutu: 5 MB

Uzak URL'yi Kullan
Cihazdan yükle
İkon boyutu

Her web sitesinin bir favicongörseline ihtiyacı vardır ve bunu sunmanın en sağlam yolu kök dizine bir favicon.ico dosyası yerleştirmektir. ICO yalnızca uzantısı değişmiş bir resim değildir; tarayıcının sekme, yer imi çubuğu veya masaüstü kısayolu için en uygun çözünürlüğü seçebilmesini sağlayan çoklu boyutları barındıran özel bir kapsayıcıdır.

PNG Yerine PNG to ICO Dönüştürücü Kullanmanın Avantajları

Modern tarayıcılar <link> etiketiyle tanımlanan PNG favicon dosyalarını sorunsuz kabul eder ve bunu eklemek kesinlikle faydalıdır. Ancak tarayıcılar hiçbir kodlama olmasa bile varsayılan olarak doğrudan /favicon.ico adresini sorgular ve bazı eski tarayıcılar yalnızca ICO formatını tanır. İki yöntemi birlikte sunmak küçük bir dosya sayesinde her senaryoyu eksiksiz karşılar.

Diğer önemli artı ise tek bir ICO paketinin birden fazla çözünürlüğü bir arada tutabilmesidir. Bu boyut için özel hazırlanmış bir 16 × 16 piksel simge, tarayıcının 512 px boyutundaki büyük bir logoyu küçültmeye çalışmasından çok daha net ve keskin görünür.

PNG to ICO Aracıyla Favicon Oluşturma Adımları

  1. Kare oranında bir PNG görseli hazırla; 256 × 256 piksel kaynak için gayet uygundur.
  2. Yukarıdaki yükleme alanını kullanarak görselini seç.
  3. Dosyaya dahil etmek istediğin simge ölçülerini belirle; 16, 32 ve 48 temel ihtiyaçları tam olarak karşılar.
  4. Dönüştürme butonuna tıkla ve üretilen .ico dosyasını bilgisayarına indir.
  5. Dosya adını favicon.ico olarak ayarla ve web sitenin kök dizinine yerleştir.

PNG to ICO Çıktılarında Net Simgeler Tasarlama

  • Tasarımı olabildiğince sade tut; 16 piksellik alanda aşırı ayrıntılı logolar gri bir lekeye dönüşür.
  • Uzun marka adları yerine tek ve belirgin bir sembol ya da harf tercih et.
  • Kontrastı yüksek tutarak simgenin hem açık hem de koyu renkli tarayıcı temalarında görünmesini sağla.
  • Büyütülmüş haline aldanma; onay vermeden önce simgeyi mutlaka gerçek boyutunda incele.
  • Sekme içinde sıkışık durmaması adına kenarlarda hafif bir boşluk bırak.

Oluşturulan Favicon Dosyasını Sunucuda Konumlandırma

Dosyayı sunucunun en üst dizinine yükle; böylece doğrudan https://yourdomain.com/favicon.ico adresinden erişilebilir hale gelir. Tarayıcılar favicon dosyalarını çok sıkı bir şekilde önbelleğe alır. Bu nedenle eski bir simgeyi güncelliyorsan sonucu görmek için sayfayı sert yenilemen veya bir süre beklemen gerekebilir.

PNG to ICO ve Favicon Hakkında Sorular

Bir favicon dosyası hangi boyutları içermelidir?

Tarayıcı sekmeleri için 16 × 16, yer imi çubuğu ve yüksek yoğunluklu ekranlar için 32 × 32, masaüstü kısayolları içinse 48 × 48 idealdir. Bu üç ölçüyü tek bir ICO dosyasında toplamak en pratik yöntemdir.

Sitem için hala favicon.ico formatına ihtiyaç var mı?

En risksiz temel çözümdür. Tarayıcılar herhangi bir bağlantı etiketi olmasa dahi bu dosyayı otomatik arar; bulundurmak sunucu kayıtlarındaki gereksiz 404 hatalarını önler.

ICO formatında şeffaf arka plan kullanılabilir mi?

Evet. ICO şeffaflığı destekler ve kaynak PNG dosyasında şeffaf pikseller varsa bunlar korunur; bu da tarayıcı sekmeleri için her zaman tercih edilen durumdur.

Yüklediğim yeni favicon neden hemen görünmüyor?

Favicon önbelleği oldukça inatçıdır. Tarayıcıda sert yenileme yap, simge adresini doğrudan sekmede aç ve bir içerik dağıtım ağı kullanıyorsan önbelleği temizle.

Kaynak görselin kare olması şart mı?

Kare olması önerilir. Kare olmayan bir görsel dönüştürme sırasında uzatılır ya da kenar boşluklarıyla tamamlanır; her iki sonuç da görsel estetiği bozar.

Cookie
Verilerinizi önemsiyoruz ve deneyiminizi geliştirmek için çerezleri kullanmayı çok isteriz.