WebP'den ICO'ya Dönüştürücü
Logonuz yalnızca kendi sitenizden kaydettiğiniz ya da tasarım programından dışa aktardığınız bir WebP olarak mı duruyor? Onu tarayıcıların, yer imlerinin ve Windows kısayollarının ek bir koda gerek kalmadan tanıdığı bir favicon.ico dosyasına dönüştürün.
Resim Dönüştürücü
veya JPG, JPEG, JPE … dosyaları buraya bırakın ·
Dosya başına en fazla 95 MB· En fazla 20 dosya· 30 dakika sonra silinir
Dosyalar sunucularımızda işlenir ve 30 dakika sonra silinir.
85, fotoğrafları görsel olarak özgünle aynı tutar. Yalnızca daha küçük dosya gerektiğinde düşürün.
JPG, BMP ve EPS saydamlığı desteklemez. Saydam pikseller bu renkle doldurulur.
Saydam piksellerin arkasında kullanılan onaltılık renk, örn. #FFFFFF.
Bu biçim tek bir resim tutar. Animasyonu korumak istiyorsanız GIF veya WebP çıktısını seçin.
Çok boyutlu bir simge tek dosyada birkaç çözünürlük içerir; tarayıcılar ve işletim sistemleri ihtiyaç duyduklarını seçer.
Özgün boyutları koruyun ya da bir kenarı girin; en boy oranı korunur.
Yukarıda seçtiğiniz kenar için piksel değeri.
Özgün boyutların yüzdesi.
sRGB ekranlar ve web için doğrudur. Baskı iş akışları için özgün olanı koruyun; gri tonlama rengi atar.
Yalnızca meta veri; 0 özgün değeri korur. Yazıcılar ve bazı portallar bu sayıyı okur; piksel boyutlarını değiştirmez.
Bu aracı nasıl kullanırsınız
- 1
WebP logoyu yükleyin
.webp dosyasını bırakın; tek seferde en fazla 20 dosya yükleyebilirsiniz, her biri en çok 95 MB olabilir. En az 256 × 256 px boyutunda kare bir logo en iyi sonucu verir.
- 2
Tüm simge boyutlarını koruyun
Simge boyutları ayarı, Gelişmiş ayarlar altında Tüm boyutlar (16–256) seçeneğiyle başlar. Hareketli WebP dosyalarında ilk kare kullanılır.
- 3
Dönüştürün ve sitenize yükleyin
Convert to ICO düğmesine basın, gerekirse dosyanın adını favicon.ico olarak değiştirin ve web sitenizin kök klasörüne koyun.
Web sitelerinden kaydedilen logolar bugünlerde genellikle WebP biçimindedir. Tek bir dönüştürme bu dosyayı, saydam arka planı korunmuş, çok boyutlu bir favicon.ico dosyasına çevirir.
WebP logodan favicon.ico yapma
Google'ın 2010'da tanıtmasından sonra WebP, web'in büyük bölümünde varsayılan resim biçimi oldu; WordPress 2021'de 5.8 sürümünden beri WebP yüklemelerini kabul ediyor ve birçok resim CDN'i sunduğu her PNG'yi dönüştürüyor. Bu yüzden kendi logonuzu ararken bulabildiğiniz kopya çoğu zaman bir .webp olur; favicon oluşturucular, Windows ve bazı hosting panelleri ise bunu kabul etmez.
ICO biçimi, WebP'den farklı bir sorunu çözer. Tek bir sıkıştırılmış resim yerine birkaç kare bitmap'i bir arada tutar ve tarayıcı ya da işletim sistemi ihtiyaç duyduğu boyutu seçer: sekme için 16 px, görev çubuğu veya yer imi çubuğu için 32 px, masaüstü kısayolları ve yüksek yoğunluklu ekranlar için daha büyükleri. Dönüştürme, bu boyutların hepsini WebP dosyanızdan tek seferde üretir.
Sayfa başlığındaki logo için WebP dosyasını saklayın. İki dosya farklı yerlerde kullanılır ve dönüştürme orijinalde hiçbir şeyi değiştirmez.
Dönüştürücü ICO dosyasına neler koyar
- Tek bir .ico içinde beş boyut
- 16–256 px
- Tek seferde WebP dosyası
- 20
- Dosya başına en büyük boyut
- 95 MB
- Ardından sunucudan silinir
- 30 dk
WEBP
WebP resim
WebP, Google'ın web sayfalarını daha hızlı yüklemek için 2010'da yayımladığı bir resim biçimidir. Hem kayıplı hem kayıpsız sıkıştırmayı, alfa saydamlığını ve animasyonu tek biçimde destekler. Kayıplı WebP dosyaları, benzer görsel kalitedeki JPEG'lerden genellikle %25–35 daha küçüktür; kayıpsız WebP ise genellikle PNG'den küçüktür. Güncel tüm tarayıcılar destekler, ancak bazı eski masaüstü yazılımlar, baskı hizmetleri ve yükleme formları hâlâ reddeder. Windows, macOS ve çoğu modern görüntü düzenleyici WebP dosyalarını açabilir.
- Sıkıştırma
- Kayıplı veya kayıpsız
- Saydamlık
- Evet
- Animasyon
- Evet
- Çıkış yılı
- 2010 · Google
ICO
Windows simgesi
ICO, Windows program simgeleri ve web sitesi favicon'ları için kullanılan Microsoft simge biçimidir. Tek bir .ico dosyası 16×16, 32×32, 48×48 ve 256×256 piksel gibi farklı boyutlarda birkaç resim içerebilir; böylece sistem en uygun olanı seçer. Her resim bitmap veya PNG verisi olarak saklanabilir ve tam alfa saydamlığını destekler. ICO fotoğraflar veya büyük çizimler için tasarlanmamıştır. Tarayıcılar, Windows ve çoğu simge düzenleyici okuyabilir.
- Sıkıştırma
- Kayıpsız
- Saydamlık
- Evet
- Animasyon
- Hayır
- Çıkış yılı
- Microsoft
Marka işaretinin tek kopyası bir web sitesinin veya CMS'in sunduğu sıkıştırılmış dosya olduğunda ve sitenin kökünde yine de bir favicon.ico gerektiğinde WebP logo ICO'ya dönüştürülür.
WebP logoyu 16 px'lik tarayıcı sekmesine hazırlama
İşarete göre kırpın
Çoğu logo geniştir. Yalnızca simgeyi veya ilk harfi bırakın ve küçük bir boşlukla kareye kırpın.
Küçük yazıyı çıkarın
Sloganlar ve yazı logoları 16 px'te gri bir gürültüye dönüşür. Tek ve kalın bir şekil korunur; ince çizgiler korunmaz.
İki sekme rengini de kontrol edin
Sonucu açık ve koyu tarayıcı temasında inceleyin. Saydam arka planlı koyu bir logo, koyu sekmede kaybolabilir.
Yeni favicon'u sitenize ekleme
favicon.ico dosyasını kök klasöre koyun; böylece yoursite.com/favicon.ico adresinde yanıt verir. Sayfa head bölümünde <link rel="icon" href="/favicon.ico" sizes="any"> ile tanımlamak seçimi açık hale getirir; WordPress gibi bir CMS'in ise bu etiketleri sizin yerinize yazan kendi Site Simgesi alanı vardır.
Seti iki simge daha tamamlar. iPhone ve iPad'ler, biri sitenizi ana ekrana eklediğinde 180 × 180 px'lik bir PNG olan apple-touch-icon'u kullanır; bunu WebP'den PNG'ye dönüştürme ve kırpma rehberimizle hazırlayın. Google Arama, boyutu 48 px'in katı olan kare bir favicon ister; bu yüzden ana sayfadan bağlanan 96 veya 144 px'lik bir PNG arama sonuçlarını da karşılar. Tarayıcılar favicon'ları agresif biçimde önbelleğe alır; yenisini hemen görmek için sayfayı gizli pencerede açın.
WebP'den ICO'ya dönüştürme hakkında sorular
Logom zaten WebP iken neden .ico dosyasına ihtiyacım var?
Bir sayfada simge tanımlı değilse tarayıcılar site kökünüzden /favicon.ico dosyasını kendiliğinden ister. Windows kısayolları, eski tarayıcılar ve birçok CMS favicon alanı da ICO veya PNG bekler. Kökteki tek bir .ico dosyası, hiçbir işaretleme eklemeden hepsini karşılar.
WebP logomun etrafındaki şeffaf alan şeffaf kalır mı?
Evet. WebP de ICO da alfa kanalı taşır; bu yüzden saydam arka plan simgenin içindeki her boyuta olduğu gibi geçer ve favicon açık ve koyu tarayıcı sekmelerinde temiz görünür.
Hareketli bir WebP yüklersem ne olur?
ICO durağan görüntüler tutar, bu yüzden dönüştürücü ilk kareyi kullanır (Hareketli girdi ayarı Yalnızca ilk kare olarak belirlidir). İlk kare boşsa veya geçiş anındaysa farklı bir kaynak seçin.
Kayıplı WebP sıkıştırması favicon'da belli olur mu?
16 ile 64 px arasında nadiren görülür, çünkü küçültme küçük kusurları ortalayarak yok eder. Soluk halkalar 128 ve 256 px katmanlarında kalabilir. Logo vektör olarak da varsa SVG'den ICO'ya dönüştürme en temiz kenarları verir.
Net bir favicon için WebP logomun çözünürlüğü ne olmalı?
En az 256 × 256 px ve kare olmalıdır; böylece en büyük katman büyütülerek değil küçültülerek oluşturulur. Bir sayfa başlığından kaydedilmiş 120 px'lik logo, büyük boyutlarda bulanık görünür.