SVG'den İkona Dönüştürücü

Q: Bu sayfanın SVG'den ICO'ya sayfasından farkı nedir?

[SVG'den ICO'ya](/svg-to-ico) sayfası favicon ve Windows için tek bir .ico dosyasına odaklanır. Bu sayfa, macOS ICNS ve Android, iOS ile uygulama mağazalarının istediği sabit boyutlu PNG'ler dahil, simgenin gittiği her yeri kapsar.

Tek bir vektör logo, ihtiyacınız olan tüm ikon yerlerini doldurabilir: favicon, Windows kısayolu, Mac uygulaması ve telefonlardaki başlatıcı ikonları. Bu sayfa çok boyutlu ICO ile başlar; diğer platformlar için ICNS veya PNG'ye geçebilirsiniz.

veya JPG, JPEG, JPE … dosyaları buraya bırakın ·

Dosya başına en fazla 95 MB· En fazla 20 dosya· 30 dakika sonra silinir

Çıktı

Dönüştürülecek biçim

Dosyalar sunucularımızda işlenir ve 30 dakika sonra silinir.

Bu aracı nasıl kullanırsınız

1
Kare bir SVG yükleyin
Logonuzun SVG dosyasını ekleyin; viewBox'ın kare olması en iyisidir. Aynı anda en fazla 20 dosya ekleyebilirsiniz, örneğin açık ve koyu bir sürüm.
2
İkon formatını seçin
Simge boyutları Tüm boyutlar (16–256) olarak ayarlı ICO önceden seçilidir. macOS için Dönüştürülecek biçim altında ICNS'yi, telefon veya mağaza simgesi için PNG'yi seçip Çıktı resmini yeniden boyutlandır altında bir genişlik girin.
3
Dönüştürün ve dosyaları yerleştirin
ICO biçimine Dönüştür → düğmesine basın (etiket seçtiğiniz biçime göre değişir), dosyaları indirin ve her birini platformun beklediği yere koyun.

Tek bir simge biçimi yoktur. Windows ve tarayıcılar ICO, macOS ICNS, telefonlar ise PNG setleri kullanır. SVG'den başlamak, her birinin vektörden yeniden çizilmesi ve her boyutta net olması demektir.

SVG'den ikona: tek vektör, üç tür ikon dosyası

Simge dosyası vektör değil, küçük bitmap'lerden oluşan bir kapsayıcıdır. İşletim sistemi ihtiyaç duyduğu boyuta en yakın bitmap'i seçer; bu yüzden iyi bir simgede, her biri kendi ızgarası için çizilmiş birkaç boyut bulunur.

Bu sayfadaki ICO ön ayarı, 16 ile 256 px arasındaki tüm boyutları tek dosyaya yazar; bu da favicon.ico ve Windows kısayollarını karşılar. Apple simge kapsayıcısı için Dönüştürülecek biçim ayarını ICNS'ye, Android, iOS ve uygulama mağazalarının istediği tekil boyutlar için PNG'ye çevirin.

Tabloda büyük platformların simge alanları için yayımladığı gereksinimler yer alır.

Her platformun beklediği ikon dosyaları
Kurum	Gereksinim	Kaynak
Windows masaüstü ve görev çubuğu	16, 32, 48 ve 256 px dahil birkaç boyutlu ICO	—
Web sitesi favicon'u	Sitenin kök dizininde 16, 32 ve 48 px'li favicon.ico; apple-touch-icon için 180 × 180 px PNG	—
macOS uygulama simgesi	ICNS veya Xcode varlık kataloğu, 1024 × 1024 px'e kadar boyutlar	—
Google Play mağaza sayfası	512 × 512 px, 32 bit PNG, en fazla 1.024 KB	—
Apple App Store	Saydamlık içermeyen 1024 × 1024 px PNG	—

SVG

Scalable Vector Graphics

SVG, W3C'nin 2001'de standartlaştırdığı XML tabanlı bir vektör biçimidir. Piksel yerine şekilleri, yolları ve metni tanımlar; bu yüzden her boyutta keskin kalır ve logolar ile simgeler için genellikle çok küçüktür. Saydamlığı, CSS stillendirmesini, betik çalıştırmayı ve animasyonu destekler; her tarayıcı onu yerel olarak işler. SVG fotoğraflar için uygun değildir ve karmaşık çizimlerin işlenmesi yavaşlayabilir. Illustrator, Inkscape, Figma ve tarayıcılar onu açıp düzenleyebilir.

Sıkıştırma: –
Saydamlık: Evet
Animasyon: Evet
Çıkış yılı: 2001 · W3C

SVG dönüştürücü

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

ICO dönüştürücü

SVG'den simgeye dönüştürme aramaları, elinde tek bir vektör logo ve her biri kendi simge kapsayıcısına sahip birkaç platform olanlardan gelir: web sitesindeki favicon.ico'dan Mac'teki ICNS'ye ve uygulama mağazalarındaki boyutlu PNG'lere kadar.

SVG'yi Windows, Mac, Android ve iOS için ikon dosyalarına dönüştürün

ICO'yu ve Simge boyutları ayarını Tüm boyutlar olarak bırakın. Sonucu web sitesi kök dizini için favicon.ico olarak yeniden adlandırın veya bir Windows kısayolunun Simge Değiştir penceresinde bu dosyayı gösterin.

Tek bir .ico sekmeleri, yer imlerini ve görev çubuğunu karşılar
iPhone ana ekran yer imleri için 180 px PNG ekleyin

16 px'de bozulmayan bir SVG tasarlamak

16 × 16 px'lik bir simgede toplam 256 piksel vardır. Çoğu marka, belirgin şekilli ve az renkli, çoğunlukla yalnızca sembolden ya da tek harften oluşan ayrı bir simge işareti kullanır; sizde henüz yoksa SVG'nin simgeler için sadeleştirilmiş bir kopyasını hazırlayın.

Dönüştürmeden önce viewBox'ı kontrol edin. Geniş bir viewBox, işaretin altında ve üstünde boş bantlar olan bir simge üretir; önce kareye kırpın. Resmi orana göre kırpma rehberi kare kırpmayı anlatır, SVG'den PNG'ye ise tasarımı değerlendirmek için hızlı ve büyük bir önizleme verir.

SVG'den ikona: sık sorulan sorular

Bu sayfanın SVG'den ICO'ya sayfasından farkı nedir?

SVG'den ICO'ya sayfası favicon ve Windows için tek bir .ico dosyasına odaklanır. Bu sayfa, macOS ICNS ve Android, iOS ile uygulama mağazalarının istediği sabit boyutlu PNG'ler dahil, simgenin gittiği her yeri kapsar.

Hangi işletim sistemi hangi ikon formatını kullanır?

Windows ICO, macOS ICNS veya Xcode'da hazırlanan varlık kataloglarını okur; Android ve iOS ise sabit piksel boyutlarında verilen PNG resimleri kullanır.

Uygulamam için tüm PNG boyutlarını tek dönüştürmede alabilir miyim?

Hayır. PNG tek bir boyut içerir, bu yüzden her dönüştürmede tek bir genişlik yazılır. Çıktı resmini yeniden boyutlandır ayarını tek bir boyuta getirip dönüştürün, sonra sayıyı değiştirip yeniden dönüştürün; her boyut vektörden net olarak çizilir.

Bu sayfadan alınan ICNS, Retina Mac ikonlarını da kapsıyor mu?

16 ile 256 px arasındaki boyutları içerir. Güncel macOS uygulama simgeleri Retina ekranlar için 512 px ve 1024 px girdilerini de içerir; bunları Xcode veya Apple'ın iconutil aracı PNG'lerden oluşturur. Bu iki boyutu burada PNG olarak dışa aktarıp sete ekleyin.

İkonun arka planı şeffaf kalmalı mı?

ICO, ICNS ve Android başlatıcı katmanları için evet: saydamlık sistemin kendi arka planını çizmesine izin verir. iOS App Store simgesi bunun istisnasıdır; Apple alfa kanallı 1024 px pazarlama simgesini reddeder, bu yüzden o PNG için SVG'ye düz bir arka plan ekleyin.

Ayrıntılı logom küçük ikonda neden bir lekeye dönüşüyor?

16 veya 32 px'te ince çizgilere ya da küçük yazılara yer kalmaz. Çizgileri en küçük boyutta en az bir tam piksel kaplayacak kadar kalınlaştırın ve yazı logosunu çıkarın.