SVG'den ICO biçimine dönüştürme Scalable Vector Graphics ↔ Icon Ücretsiz Çevrimiçi Güvenli
SVG bir resim değildir; bir resmin nasıl çizileceğinin yönergesidir. Burada o yönerge bir kez uygulanır, seçtiğiniz boyutta, ve sonuç ICO olarak kaydedilir. Çizim, dosyadaki hiçbir şeyin çalışamayacağı bir kum havuzunda yapılır ve hiçbir şey yüklenmez.
Dosyanızı dönüştürün
Buraya bir SVG bırakın ya da bir tane seçin.
Dosyanız bu cihazdan çıkmaz. Her şey tarayıcınızda çalışır.
Hiçbir şey yüklenmez
Vektörü ayıran nedir
Bir SVG resim değildir; resim çizmek için bir yönerge takımıdır — şurada şu yarıçapta bir çember, şuradan şuraya bir çizgi, bu biçim şu renkle doldurulmuş. 2001'de web standardı oldu ve sonucu değil çizimi sakladığı için, on altı piksellik bir simgeyi gösteren aynı dosyadan bir reklam panosu basılabilir. PNG ya da JPEG tam tersini saklar: renkli noktalardan oluşan bitmiş bir ızgara, onları neyin çizdiğine dair hiçbir anı taşımadan. Bu bakışımsızlık, bu sayfadaki her şeyi belirler. Vektörden rastere gitmek, yönergeleri seçilen boyda çizmekten ibarettir; ters yöne gitmek ise izlemedir — bir program nokta ızgarasına bakar ve onu hangi biçimlerin üretmiş olabileceğini tahmin eder.
Onlarla nerede karşılaşırsınız
Logolar, simgeler, haritalar, şemalar ve grafikler SVG olarak yaşar; her boyda okunaklı kalmaları gerekir ve çoğu kez yeniden renklendirilirler. Site simgeleri ile uygulama simgeleri bunlardan üretilir. Ters yön, bir vektörün düz bir görüntüye dönmesi gereken an içindir: SVG göstermeyen bir posta programı, bir sosyal ağ önizlemesi, sizinkinden eski yazılımı olan birinin basacağı bir belge ya da yalnızca fotoğraf kabul eden bir yükleme formu.
Sık sorulan sorular
Bir fotoğrafı izlettim ve sonuç berbat. Neden?
Çünkü izleme hiçbir zaman fotoğraflar için düşünülmedi. Benzer renkli bölgeleri bulup her birinin çevresine bir dış çizgi çizerek çalışır; bu, düz grafiğe — bir logoya, bir şablona, bir çizgi resmine — uyar ve her bölgenin bir sonrakine yavaşça karıştığı fotoğrafta tökezler. İzleyici, sınırın olmadığı yerde bir sınır uydurmak zorundadır ve ya afiş gibi düz lekeler ya da on binlerce minik biçimden oluşan bir dosya verir. Fotoğraflar için rasterde kalın.
SVG dosyam başka bir programda neden farklı görünüyor?
Genellikle yazı tipleri yüzünden. Metin içeren bir SVG, bir yazı tipini adıyla çağırır ve onu açan makinenin o yazı tipine sahip olmasını bekler; yoksa yerine başkası konur ve düzen kayar. Çare, dışa aktarmadan önce metni dış çizgilere çevirmektir: her harf bir biçim olur ve dosya her yerde aynı görünür — metnin artık düzenlenememesi ve seçilememesi pahasına. Süzgeçler ve karışım kipleri gibi ileri etkiler, farklılıkların öteki alışıldık kaynağıdır.
Dosya kalite yitirir mi?
İki biçimin neyi tutabildiğine bağlıdır. Aynı şeyi saklayan biçimler arasında çevirmek — PNG'den BMP'ye, WAV'dan FLAC'e — hiçbir şey yitirmez. Yer kazanmak için bilgi atan bir biçime çevirmek, örneğin JPEG ya da MP3'e, her seferinde biraz yitirir; geri çevirmek de onu geri getirmez. Bir seçim varsa, bu sayfa en küçük dosyayı üretmek yerine özgün kaliteyi korumaya meyleder.
Dosyam bir yere yükleniyor mu?
Hayır. Çevrim, kendi makinenizde, tarayıcınızın içinde olur; dosya oradan hiç çıkmaz ve burada onu alabilecek bir sunucu zaten yoktur. Büyük bir dosyayı bir yüklemenin değil kendi belleğinizin sınırlamasının ve çevirdiğiniz hiçbir şeyin kimsenin kayıtlarında — bizimkiler dahil — görünememesinin sebebi budur. Ses ve film araçları, çevrim motorunu ilk kullanımda bu siteden indirir — otuz megabayt kadar, bir kez; ondan sonra iş yine tümüyle sizin makinenizde yapılır.
İnsanlar SVG'yi neden ICO'ya dönüştürür
Bir ICO dosyası bir simgedir. Bir tarayıcının sekmesinde bir sayfanın adının yanında, bir yer imi listesinde, bir kısayolda ve Windows'ta bir program penceresinin köşesinde görünen küçük resimdir. Bir web siteniz varsa markanızı taşıyan bir tane istersiniz. Bir program geliştiriyorsanız çalıştırılabilir dosyası için bir tane gerekir. Ve bir logonuz varsa büyük olasılıkla SVG biçiminde bir vektör çizimdir. İnsanların SVG'yi ICO'ya dönüştürmesinin nedeni budur: markanın çizimine sahiptirler ve tarayıcıların ve işletim sistemlerinin hâlâ adıyla istediği simge dosyasına ihtiyaç duyarlar.
Bir SVG bir resim değildir. Bir tane çizmek için bir talimatlar kümesidir: buraya bir daire çiz, şuraya bir eğri, bu şekli şu renkle doldur. Piksel değil talimat olduğu için bir SVG herhangi bir boyutta bulanıklaşmadan gösterilebilir. Buna karşılık bir simge, her biri belirli bir boyut için yapılmış, tek bir dosyada demetlenmiş bir avuç küçük resimdir. Bu sayfa SVG'nizin talimatlarını her boyut için bir kez izler ve sonuçları tek bir ICO dosyasına paketler.
Bu sayfa SVG'yi ICO'ya tarayıcınızda dönüştürür. Çizim, dosyadaki hiçbir şeyin çalışamadığı korumalı bir alanda (sandbox) işlenir ve hiçbir şey yüklenmez. Aşağıda nasıl çalıştığını, dosyanın hangi boyutları içerdiğini, küçük simgelerin neden özel bir sorun olduğunu ve bu konuda ne yapılacağını bulacaksınız.
Dönüşüm nasıl çalışır
Tek dosyada altı boyut
Ortaya çıkan ICO tek bir dosyada altı boyut içerir: 16, 32, 48, 64, 128 ve 256 piksel. Her biri birbirinden küçültülmek yerine SVG'den yeniden çizilir; bu yüzden 16 piksellik sürüm, 16 pikselde izlenen talimatlardır ve büyüğünün küçültülmüş bir kopyası değildir. Hepsi saydamlıklarını korur. Bir işletim sistemi ya da bir tarayıcı sonra, simgenin gösterildiği yere uyan boyutu seçer.
Hiçbir şeyin çalışamadığı bir korumalı alan
Bir SVG dosyası ilke olarak betikler ve başka şeylere göndermeler içerebilir. Bunun asla bir risk olmasını önlemek için çizim, dosyadaki hiçbir şeyin çalışamadığı bir korumalı alanda işlenir. Yalnızca şekiller boyanır. Bu, tam güvenmediğiniz bir yerden indirdiğiniz dosyalar için bile güvenlidir.
Yeniden çizmek neden küçültmekten daha iyi
Büyük bir resmi küçücük bir resme küçülttüğünüzde ayrıntılar birbirine karışır ve çizgiler griye döner. Hedef boyutta vektör talimatlarından yeniden çizmek, çizgiler doğrudan piksel ızgarasına yerleştirildiği için her boyutun sahip olabileceği en keskin sonucu verir.
Nelerin korunduğu
Altı boyut
Simgelerin normalde gösterildiği yerleri kapsayan 16, 32, 48, 64, 128 ve 256 piksel alırsınız: tarayıcı sekmeleri, görev çubuğu, masaüstü kısayolları, dosya listeleri ve büyük önizlemeler.
Saydamlık
Saydamlık altı boyutun hepsinde korunur. SVG'nin dolgusu olmayan alanları ICO'da şeffaf kalır; böylece simge, arkasında ne varsa onun rengini alır.
Markanın biçimi
Çizim, renkleri ve şekilleriyle olduğu gibi korunur. SVG kare değilse gerilmeden her simgenin karesine oturtulur.
SVG'yi ICO'ya dönüştürmeden önce bilmeniz gerekenler
Bir simge farklı bir çizimdir
Bir simge küçük bir resim değil, farklı bir çizimdir. İnce çizgileri ya da küçük metni olan her şey, ne kadar dikkatle işlenirse işlensin 16 pikselde bulamaca döner. Bir afişte mükemmel görünen bir logo, bir favicon olarak okunamaz olabilir. Sonuç bulanık görünüyorsa cevap daha iyi bir dönüşüm değil, daha basit bir SVG'dir.
En küçük boyut için tasarlayın
En iyi simgeler en küçük boyut akılda tutularak yapılır: tek bir kalın şekil, sınırlı sayıda renk, kıl inceliğinde çizgi yok ve tek bir harften öte yazı yok. Elinizden gelirse bu amaç için logonuzun basitleştirilmiş bir sürümünü ayrı bir SVG olarak hazırlayın ve sonra onunla SVG'yi ICO'ya dönüştürün.
Başka yerlerden yazı tipleri ve resimler çözülmez
SVG'nin başka yerlerden çektiği yazı tipleri ve resimler korumalı alanda çözülmez. Bir sunucudan yüklenen bir web yazı tipiyle dizilmiş metin bir sistem yazı tipine döner ve dosyanın dışından bağlanan bir resim eksik olur. En iyi sonuç için metni konturlara dönüştürün ve resimleri gömün.
SVG'yi buradan ICO'ya nasıl dönüştürürsünüz
Çiziminizi ekleyin
SVG'yi sayfaya bırakın ya da cihazınızdan seçin. Tarayıcınızın içinde okunur ve yüklenmez.
Dönüştürün
Düğmeye basın. Altı boyut art arda çizilir; bu bir an sürer. Bitene kadar sayfayı açık tutun.
İndirin ve test edin
ICO'yu indirin ve kullanılacağı yerde deneyin. Bir web sitesinde onu kök klasöre favicon.ico adıyla koyun ya da sayfanın başlığında ona bağlantı verin ve bir tarayıcının sekmesine bakın. Windows'ta onu bir kısayola atayıp çeşitli boyutlarda nasıl göründüğüne bakabilirsiniz.
SVG'ye ve ICO'ya yakından bakış
Vektör ve demet
Bir SVG, herhangi bir boyutta işlenebilen tek bir çizimdir. Bir ICO ise içinde, her biri sabit bir boyutta, birkaç resim bulunan bir kaptır. Bir simge gösteren yazılım, ihtiyaç duyduğu boyuta en yakın resmi seçer; bu, bulanık ölçeklemeyi önler. SVG'yi ICO'ya dönüştürmek, çizimi kabın tutması beklenen boyutlarda işlemektir.
Simgelerin kullanıldığı yerler
Tarayıcılar en küçük boyutları sekmeler için, daha büyük olanları yer imleri ve yeni sekme sayfası için kullanır. Windows onları görev çubuğu, Başlat menüsü ve Gezgin için kullanır. Mobil cihazların ana ekranlar için kendi resim boyutu kümeleri vardır; bunlar normalde ICO değil PNG dosyalarıdır. Bir telefon için uygulama simgesi hazırlıyorsanız platformun gerektirdiği boyutlarda SVG'den PNG'ye daha iyi yoldur.
Bugün favicon'lar
Modern tarayıcılar favicon olarak PNG'yi, hatta SVG'yi kabul eder, ama ICO eski tarayıcılar, bazı akış okuyucuları ve favicon.ico'yu otomatik olarak arayan araçlar dahil her yerde çalışan biçim olmaya devam eder. Bir tane bulundurmak güvenli seçimdir.
Ayrıntılı yaygın durumlar
Bir web sitesinin favicon'u
SVG'yi ICO'ya dönüştürün, dosyayı sitenizin köküne favicon.ico olarak kaydedin ve ona bağlantı verin. Her tarayıcının sekmesi markanızı taşıyacak ve bu, sayfayı açık birçok sekme arasında tanınır kılar.
Bir Windows programının simgesi
Windows'taki programlar çalıştırılabilir dosyalarında ve kısayollarında bir simge taşır. Geliştiricilerin bunun için çok boyutlu bir ICO'ya ihtiyacı vardır. Aldığınız altı boyut olağan gereksinimleri karşılar.
Kısayollar ve klasörler
Windows'ta bir kısayola ya da bir klasöre kendi simgenizi verebilirsiniz. Logonuzdan yapılmış bir ICO, masaüstünüzü ya da proje klasörlerinizi tanımayı kolaylaştırır.
Küçük işletme siteleri ve bloglar
Bir favicon, bir sitenin bitmiş hissettirmesini sağlayan küçük bir ayrıntıdır. Logonuz bir SVG ise bu dönüşüm, site oluşturucuların yüklemenizi istediği dosyayı üretir.
SVG'yi ICO'ya dönüştürmeden önce pratik tavsiyeler
Çizimi basitleştirin
İnce çizgileri kaldırın, yazıyı bırakın ya da tek bir harf tutun ve kalın şekiller kullanın. En küçük simgenin nasıl görüneceğini görmek için dönüştürmeden önce SVG'ye çizim programınızda 16 pikselde bakın.
Çizimi kare yapın
Simgeler karedir. Logonuz genişse, kesilmemesi ve karenin içinde küçücük kalmaması için onu biraz kenar boşluğuyla kare bir tuvale yerleştirin.
Kontrastı kontrol edin
Tarayıcı sekmeleri açık ya da koyu olabilir. Her iki arka plana karşı güçlü kontrastı olan bir marka daha kolay görülür. Koyu bir markada ince beyaz bir kontur ya da düz renkli bir şekil genellikle işe yarar.
SVG'yi saklayın
SVG ana kopyadır. Simgeyi daha sonra değiştirmeye karar verirseniz SVG'yi yeniden ICO'ya dönüştürmek için ona ihtiyacınız olacak.
Dönüştürmeden önce insanların sorduğu sorular
Simgem 16 pikselde neden bulanık görünüyor?
Çünkü 16 piksel çok azdır. İnce çizgiler ve küçük metin orada gösterilemez. Daha iyi bir dönüşüm aramak yerine çizimi basitleştirin.
Dosya hangi boyutları içerir?
16, 32, 48, 64, 128 ve 256 piksel; her biri SVG'den yeniden çizilir ve hepsi saydamlık taşır.
Saydamlık kalacak mı?
Evet. SVG'deki şeffaf bir arka plan, ICO'nun altı boyutunun hepsinde şeffaftır.
Dosyayı favicon olarak kullanabilir miyim?
Evet. Adını favicon.ico yapın, sitenizin köküne koyun ya da sayfalarınızın başlığından ona bağlantı verin.
Dosyam yükleniyor mu?
Hayır. Dönüşüm tarayıcınızda çalışır ve dosya cihazınızdan asla çıkmaz.
Bir simgeden SVG yapabilir miyim?
Bir dereceye kadar evet. ICO'dan SVG'ye bir simgeyi şekillere izler, ancak küçük boyut nelerin geri kazanılabileceğini sınırlar.
SVG'yi ICO'ya dönüştürürken akıllıca seçim yapmak
ICO mu PNG mi?
Her yerde çalışan bir favicon için ICO'yu seçin. Telefonlardaki uygulama simgeleri ve web sayfalarındaki resimler için PNG olağan biçimdir. SVG'den PNG'ye bunu verir.
Bütün kümeyi düşünün
Bir marka hazırlıyorsanız bir logoyu PNG olarak, bir favicon'u ICO olarak ve yazdırılabilir bir sürümü PDF olarak isteyebilirsiniz. SVG'den PDF'ye çizimi baskı için bir çizim olarak korur.
Gerçek bir sekmede test edin
Simgeye gerçek bir tarayıcı sekmesinde, hem açık hem koyu temada bakın. Çoğu insanın onunla karşılaşacağı yer orasıdır.
Dönüşümden sonra iyi bir sonuç almak
Tarayıcı önbelleğini temizleyin
Tarayıcılar favicon'ları uzun süre tutar. Bir simgeyi değiştirip hâlâ eskisini görüyorsanız önbelleği temizleyin ya da siteyi özel bir pencerede açın.
Tüm boyutları kontrol edin
ICO dosyalarını açan bir aracınız varsa her boyuta bakın. 256 pikselde iyi olan bir marka 16'da okunamaz olabilir ve bu size basitleştirip basitleştirmeyeceğinizi söyler.
Doğru adlandırın
Tarayıcılar varsayılan olarak bir sitenin kökünde favicon.ico'yu arar. Dosyaya açıkça bağlantı vermedikçe bu adı koruyun.
En küçük boyuttan sağ çıkan bir marka tasarlamak
16 piksellik ızgaradan başlayın
SVG'yi ICO'ya dönüştürdüğünüzde iyi bir sonuç almanın en güvenilir yolu, en küçük boyut akılda tutularak tasarım yapmaktır. On altıya on altı karelik bir ızgara hayal edin ve üzerine neyi yerleştirebileceğinizi sorun. Bir daire, bir harf, basit bir glif: evet. Bir imza, bir sloganlı arma: hayır. Büyük boyutlar ne çizerseniz çizin iyi görünür; bu yüzden tasarım yapılacak kısıt küçük olandır.
Güçlü şekiller ve az renk kullanın
Net kontrastlı iki ya da üç renk, çok renkli bir gradyandan daha iyi okunur. Karenin çoğunu dolduran düz şekiller, ince konturlardan daha kolay tanınır, çünkü her piksel markanın daha fazlasını taşır.
Biraz nefes alma alanı bırakın
Karenin kenarına değen bir marka sıkışık görünebilir ve bazı sistemler kendi yuvarlatmasını ya da kenarlığını ekler. En küçük boyutta bir ya da iki piksellik bir kenar boşluğu şekli bozulmadan korur.
Başka simgelerin yanında bakın
Tanınmış sitelerin birkaç sekmesini açın ve karşılaştırın. En iyi işleyen simgelerin çok basit olduğunu göreceksiniz. SVG'yi ICO'ya dönüştürmeden önce bu disiplini ödünç alın ve sonucunuz bir sekme kalabalığında ayakta kalacaktır.
Gizlilik ve işleme
Yerel dönüşüm çizimler için neden önemli
Logolar ve marka işaretleri yayımlanmadan önce gizli olabilir. Birçok çevrimiçi dönüştürücü dosyanızı bir sunucuya yükler, işler ve sonucu geri gönderir; bir süre için bir kopya kontrol etmediğiniz bir makinede yaşar. Burada işi kendi tarayıcınız yapar, böylece çizim cihazınızda kalır.
Ayrıldığınızda ne olur
Sayfayı kapattığınızda dönüştürülmüş dosya tarayıcıdan kaybolur; bu yüzden önce indirin. Çiziminiz hakkında hiçbir şey saklanmaz.
Bir şeyler ters giderse
Simge boş çıkıyor
SVG'de bir boyut ya da bir viewBox eksik olabilir. Onu bir metin düzenleyicide açın ve genişlik ile yüksekliğinin ya da bir viewBox'ının olduğunu kontrol edin ya da çizim programınızda düzeltin.
Simge kesilmiş
Bazı SVG'lerin bildirilen alanlarının ötesine uzanan öğeleri vardır. Her şey içine sığsın diye orijinaldeki viewBox'ı ayarlayın.
Sayfa donuyor
Her şey cihazınızda çalışır. Bir bilgisayarda ya da daha basit bir çizimle yeniden deneyin.
İlgili araçlar
Aynı araç ailesi komşu işleri de kapsar. Seçtiğiniz boyutlardaki resimler için SVG'den PNG'ye ya da SVG'den JPG'ye dönüştürücüsünü kullanın. Herhangi bir yakınlaştırmada keskin kalan bir belge için SVG'den PDF'ye çizimi bir çizim olarak korur. Resimleri yeniden şekillere izlemek için ICO'dan SVG'ye, PNG'den SVG'ye ve JPG'den SVG'ye dönüştürücüleri işi yapar.
Çalışılmış bir örnek
Küçük bir blog başlattığınızı ve logonuzun bir SVG olduğunu varsayın: altında blogun adı olan yeşil bir yaprak. SVG'yi buraya bırakır ve düğmeye basarsınız. ICO gelir ve tarayıcı sekmesinde yaprak tanınabilir, ama altındaki ad okunamaz. Çizim programınızı açar, yalnızca yapraklı bir sürüm yapar, SVG'yi yeniden ICO'ya dönüştürür ve yeni dosyayı favicon.ico olarak yüklersiniz. Sekme artık net bir yeşil yaprak gösterir ve tam logo sayfada kalır.
Kısa bir kontrol listesi
Dönüştürmeden önce
Çizimi basitleştirin. Kare yapın. Metni konturlara dönüştürün ve resimleri gömün.
Dönüştürürken
Dosya hazır olana kadar sayfada kalın.
Dönüştürdükten sonra
ICO'yu bir tarayıcı sekmesinde ve bir kısayolda, açık ve koyu temalarda test edin ve SVG'yi saklayın.
Sık yapılan hatalar
Tam logoyu kullanmak
Yazı ve ince ayrıntı 16 pikselde kaybolur. Basitleştirilmiş bir marka kullanın.
Daha iyi bir dönüşümün yoğun bir çizimi düzeltmesini beklemek
Kusur araçta değil, boyuttadır. SVG'yi basitleştirin.
Önbelleği unutmak
Eski bir favicon tarayıcıda takılı kalabilir. Yenisinin başarısız olduğuna karar vermeden önce önbelleği temizleyin.
Çiziminiz cihazınızda kalır
Dönüşüm yerel olarak yapılır. Çiziminiz kendi tarayıcınız tarafından okunur, orada boyanır ve bir ICO olarak size geri verilir. Hiçbir şey yüklenmez; bu yüzden bir sunucuda hiçbir kopya kalmaz ve kimse onu göremez. Yayımlanmamış marka işaretleri için SVG'yi ICO'ya dönüştürmenin güvenli yolu budur.
Özet
SVG'yi buradan ICO'ya dönüştürmek için çizimi bırakın ve düğmeye basın. Bir SVG bir resim değil, bir tane çizmek için talimatlardır ve burada bu talimatlar her boyut için bir kez izlenir ve sonuçlar ICO olarak kaydedilir. Çizim, dosyadaki hiçbir şeyin çalışamadığı korumalı bir alanda işlenir ve hiçbir şey yüklenmez. Dosya altı boyut içerir: 16, 32, 48, 64, 128 ve 256 piksel; her biri birbirinden küçültülmek yerine SVG'den yeniden çizilir ve hepsi saydamlık taşır. Bir simge küçük bir resim değil, farklı bir çizimdir: ince çizgileri ya da küçük metni olan her şey, ne kadar dikkatle işlenirse işlensin 16 pikselde bulamaca döner. Sonuç bulanık görünüyorsa cevap daha iyi bir dönüşüm değil, daha basit bir SVG'dir. Başka yerlerden çekilen yazı tipleri ve resimler çözülmez.