Ücretsiz başla

PNG'den ICO'ya dönüştürme ve favicon oluşturma

Bu sayfanın herhangi bir yerine bir PNG ya da logo bırakın; 16-256 px arası tüm boyutları içeren tek bir .ico dosyası ya da uygulama simgeleri, web manifest dosyası ve HTML etiketleriyle eksiksiz bir favicon paketi indirin.

Deneyin

Dosyanız zaten var mı?

  • Ücretsiz, kayıt gerekmez
  • .ico ve 16-512 px PNG
  • Apple touch icon
  • Web manifest dosyası

Logonuz 3D olarak

3D logonuz hazırlanıyor…
0:00

Döndürmek için logoyu sürükleyin.

Animasyon

Arka plan

Yüzey

Renkler ve şekil

Renkler

Kenarlar

Kalınlık

Ses

Bitiş ekranı

Önizleme ücretsiz. Ücretsiz bir hesapla indirebilirsiniz.

PNG nasıl ICO'ya dönüştürülür?

Dosyayı bırakın, simgeyi kontrol edin, indirin. Görseliniz tarayıcınızda, ücretsiz ve hesap gerekmeden dönüştürülür.

  1. PNG dosyanızı bırakın

    Sayfanın herhangi bir yerine bir PNG, JPG, WebP ya da SVG bırakın veya arama kutusunun altındaki Kendi logonuzu ekle düğmesine basın. Zaten simgesi olan bir şirket için mi simge hazırlıyorsunuz? Web sitesini yazın, araç şirketin kullandığı simgeleri getirsin.

  2. Simge olarak kontrol edin

    Görseliniz, her simge yuvasının beklediği şekil olan bir karenin ortasında açılır; onu tarayıcı sekmesinde gerçek 16 px boyutunda ve telefon uygulaması simgesi olarak görürsünüz.

  3. ICO dosyasını indirin

    16, 24, 32, 48, 64, 128 ve 256 px boyutlarını içeren tek bir .ico için ICO düğmesine, eksiksiz web sitesi paketini tek bir ZIP dosyasında almak için Favicon'lar düğmesine basın.

  4. Kullanmaya başlayın

    Paketi web sitenize kopyalayın ve hazır HTML satırlarını yapıştırın ya da bir Windows kısayolunu, klasörünü veya uygulamasını .ico dosyasına yönlendirin.

.ico dosyasındaki tüm boyutlar ve göründükleri yerler

ICO bir simge kutusudur: Aynı görseli birkaç boyutta barındıran tek bir dosya; böylece onu gösteren her yer en uygun boyutu seçer.

BoyutNerede görünür
16 × 16 pxTarayıcı sekmeleri ve yer işaretleri; Windows başlık çubukları, bağlam menüleri ve sistem tepsisi
24 × 24 pxWindows görev çubuğu, arama sonuçları ve Başlat menüsündeki uygulama listesi
32 × 32 pxYüksek çözünürlüklü ekranlarda sekmeler; Windows Başlat menüsüne sabitlenmiş uygulamalar
48 × 48 pxYüksek çözünürlüklü ekranlarda görev çubuğu; %150 ekran ölçeklendirmesinde Başlat menüsüne sabitlenmiş uygulamalar
64 × 64 pxYüksek çözünürlüklü ekranlarda Başlat menüsüne sabitlenmiş uygulamalar ve başlık çubukları
128 × 128 pxWindows'un büyük ekranlarda oluşturduğu ara boyutlar için boyutça yakın bir kaynak simge
256 × 256 pxEn yüksek ekran ölçeklendirmesinde Başlat menüsüne sabitlenmiş uygulamalar; Windows'un küçülterek daha küçük tüm boyutları ürettiği ana simge

MDN'nin görsel türleri rehberi, bir ICO dosyasının 256 × 256 piksele kadar “birden fazla simge içerebildiğini” anlatır. Microsoft'un simge yönergeleri, Windows'un her boyutu nerede çizdiğini listeler ve uygulamalardan “en azından 16x16, 24x24, 32x32, 48x48 ve 256x256” boyutlarını ister; ICO indirmesi bunların hepsini, ayrıca ara boyutlar için 64 ve 128 px boyutlarını içerir.

Favicon paketi, dosya dosya

Bir web sitesinin simgeleri için ihtiyaç duyduğu her şey; tek bir görselden hazırlanmış, tek bir ZIP dosyasında.

DosyaAçıklamaNe işe yarar
favicon.ico16, 32 ve 48 px boyutlarını içeren simge dosyasıTarayıcıların bir web sitesinin kök dizininde aradığı simge
icon-256.icoTüm boyutlar: 16, 24, 32, 48, 64, 128 ve 256 pxWindows uygulamaları, masaüstü kısayolları ve klasör simgeleri
favicon-16x16.png, favicon-32x32.png ve favicon-48x48.pngŞeffaf arka planlı küçük kare PNG'lerTarayıcı sekmeleri, yer işaretleri ve kısayollar
favicon.svgLogonuzun vektörü varsa simgenin vektörel haliSVG simgeleri okuyan tarayıcılarda her boyutta net sekmeler
apple-touch-icon.png180 × 180 px, beyaz zeminde, çevresinde biraz boşluklaiPhone ve iPad ana ekranları
android-chrome-192x192.png ve android-chrome-512x512.pngWeb uygulaması simgeleriAndroid ana ekranları, yüklü web uygulamaları ve bunların açılış ekranları
site.webmanifestUygulama simgelerini listeleyen küçük bir metin dosyasıTelefonların ve tarayıcıların sitenizi uygulama olarak yüklemesini sağlar
add-to-your-head.htmlSayfalarınızın head bölümü için satırlarKopyalayıp yapıştırın: tüm simgeler tek seferde tanımlanır

180 px Apple touch icon, Apple'ın Safari web içeriği kılavuzundaki (arşivlenmiş sayfa) iPhone boyutudur; web.dev'in açıkladığı gibi Chromium tabanlı tarayıcılar da bir siteyi uygulama olarak yüklemeden önce manifest dosyasında 192 ve 512 px simgeleri arar.

İndirmeden önce gerçek boyutunda görün

Bir favicon 16 pikselde değerlendirilir. Önizleme sizinkini tam bu boyutta gösterir; böylece doğru görseli ilk seferde seçersiniz.

Büyük önizlemenin yanındaki mockup'lar simgenizi bir tarayıcı sekmesinde ve telefon uygulaması simgesi olarak, logonun tamamını da açık ve koyu bir web sitesi üst bölümünde gösterir. Sekme boyutunda bulanık bir lekeye dönüşen bir ayrıntıyı, bir ziyaretçi görmeden çok önce burada fark edersiniz.

Küçük simgelerde sade şekiller kazanır. Bir sembol ya da tek bir harf 16 px boyutunda okunur, tam bir şirket adı ise okunmaz; bu yüzden logoyu, işareti kalacak şekilde kırpın ya da logoyu beyaz yapma aracıyla kalın ve sade bir sürüm hazırlayın. Bu araç koyu sekmeler için beyaz bir favicon da verir.

Windows uygulama, klasör ve masaüstü simgeleri

Aynı .ico dosyası bir Windows kısayoluna, klasörüne ya da uygulamasına başlık çubuğundan Başlat menüsüne kadar her boyutta net bir simge verir.

Kısayol. Kısayola sağ tıklayın, Özellikler seçeneğini, ardından Simge Değiştir düğmesini seçin ve .ico dosyanızın konumuna gidin.

Klasör. Klasöre sağ tıklayın, Özellikler seçeneğini seçin, Özelleştir sekmesini açın ve Simge Değiştir düğmesine basın.

Geliştirdiğiniz bir uygulama. .ico dosyasını geliştiricinize verin ya da uygulamanızın derleme ayarlarına ekleyin. Dosya 256 px boyutunda bir simge içerdiği için Windows küçük bir simgeyi büyütmek yerine bunu her küçük yuvaya göre küçültür; bu da simgeyi yüksek çözünürlüklü ekranlarda net tutar.

Diğer ücretsiz simge ve logo araçları

PNG'den ICO'ya dönüştürme: sık sorulan sorular

ICO dosyaları ve favicon'lar hakkında kısa yanıtlar: boyutlar, HTML, Windows simgeleri ve logonuzdan favicon oluşturma.

Sorularınızı bekliyoruz
PNG'yi ICO'ya nasıl dönüştürürüm?

PNG'yi bu sayfanın herhangi bir yerine bırakın ya da “Kendi logonuzu ekle” düğmesine basın. Görsel kare bir simge olarak açılır; 16, 24, 32, 48, 64, 128 ve 256 px boyutlarını içeren tek bir .ico dosyası için “ICO” düğmesine, web sitesi paketinin tamamı için “Favicon'lar” düğmesine basın. Ücretsizdir ve tarayıcınızda gerçekleşir.

Bir favicon.ico hangi boyutları içermeli?

Bir web sitesi için 16, 32 ve 48 px boyutları sekmeleri, yer işaretlerini ve yüksek çözünürlüklü ekranları karşılar; paketteki favicon.ico tam olarak bunları içerir. Bir Windows uygulaması ya da masaüstü simgesi için Microsoft en az 16, 24, 32, 48 ve 256 px ister; ICO indirmesi bunların hepsini, ayrıca 64 ve 128 px boyutlarını içerir.

Logomdan nasıl favicon oluşturabilirim?

Logonuzu bu sayfaya bırakın. Logo, her simge yuvasının beklediği şekil olan bir karenin ortasına yerleştirilir; favicon paketini indirmeden önce onu bir tarayıcı sekmesinde ve uygulama simgesi olarak görürsünüz. Logodaki bir sembol ya da baş harf, 16 px boyutunda en iyi şekilde okunur.

Web sitelerinin hâlâ favicon.ico dosyasına ihtiyacı var mı?

Kesinlikle tutmaya değer. Tarayıcılar bir web sitesinden hâlâ /favicon.ico dosyasını ister, Google Arama ICO dosyalarını kabul eder ve tek bir ICO birkaç boyutu barındırır. Modern tarayıcılar sayfanızın head bölümünde tanımlanan PNG ve SVG simgeleri de okur; paket size ikisini birden verir.

Favicon'u web siteme nasıl eklerim?

Paketteki dosyaları sitenizin, ana sayfanın bulunduğu kök klasörüne kopyalayın ve add-to-your-head.html dosyasındaki satırları her sayfanın head bölümüne yapıştırın. Bir web sitesi oluşturucu ya da e-ticaret platformu kullanıyorsanız 512 px PNG'yi platformun site simgesi ayarına yükleyin.

Bir PNG'den 256 px Windows simgesi yapabilir miyim?

Evet. ICO indirmesi 16, 24, 32, 48, 64, 128 ve 256 px boyutlarını içerir. Microsoft'un belirttiğine göre 256 px boyutunda bir simge olduğunda Windows simgenizi hiçbir zaman büyütmez, yalnızca küçültür; böylece simge her boyutta net kalır. En az 256 px genişliğinde bir PNG'den ya da vektörel bir logodan başlayın.

En iyi favicon boyutu nedir?

Tek bir boyut değil, bir set: favicon.ico içinde 16, 32 ve 48 px, 180 px Apple touch icon ve web uygulaması manifest dosyası için 192 ve 512 px simgeler. Google, Arama için 48 × 48 pikselden büyük kare bir favicon önerir. Paket bunların hepsini tek bir dosyadan üretir.

Bu araç ne kadar işinize yaradı?

Bastığınız her üründe logonuz, 3D olarak

Proofscene, PDF provaları kendi markalı bağlantınızda etkileşimli 3D provalara dönüştürür; böylece müşterileriniz kartlarını, ambalajlarını ve bilekliklerini üretilmeden önce görür. Bugün ücretsiz başlayın.

Ücretsiz başlaNasıl çalıştığını gör

Ücretsiz hesap · Kredi kartı gerekmez · Matbaacılar tarafından geliştirildi