ICO'dan PNG'ye

1. Giriş

ICO'dan PNG'ye Dönüştürücü, .ico simge dosyalarını doğrudan tarayıcınızda yüksek kaliteli .png görüntülerine dönüştüren basit bir çevrimiçi araçtır. ICO dosyaları genellikle faviconlar, masaüstü kısayolları ve uygulama simgeleri için kullanılır, ancak düzenleme, paylaşma veya web projelerine ekleme açısından her zaman uygun değildir. PNG dosyaları ise geniş çapta desteklenir, şeffaflık dostudur ve hem web hem de tasarım iş akışları için idealdir.

Bu araç, bir ICO dosyası yüklemenize, çıktı kalitesini ayarlamanıza ve dönüştürülen PNG görüntüsünü anında önizleyip indirmenize olanak tanır. Tüm süreç istemci tarafında gerçekleşir, yani dosyanız bir sunucuya yüklenmeden tarayıcınızda yerel olarak işlenir.

İster bir favicon çıkaran bir web geliştirici, ister bir uygulama simgesini yeniden kullanan bir tasarımcı ya da marka varlıklarını güncelleyen bir işletme sahibi olun, bu ICO'dan PNG'ye dönüştürücü yazılım kurulumu gerektirmeden hızlı ve güvenli bir çözüm sunar.

2. Nasıl Çalışır

Dönüştürme Süreci

Bir ICO dosyası yüklediğinizde, araç bunu tarayıcınızın yerleşik FileReader API'sini kullanarak okur. Dosya, Base64 veri URL'sine dönüştürülür ve ardından bir görüntü nesnesine yüklenir. Yüklendikten sonra, görüntü orijinal genişlik ve yüksekliğinde bir HTML5 canvas öğesine çizilir.

Görüntü canvas üzerinde işlendiğinde, araç canvas toDataURL() yöntemiyle yeni bir PNG görüntüsü oluşturur. Seçilen kalite değeri (1 ile 100 arası), 0.01 ile 1.0 arasında ondalık değere dönüştürülür ve görüntü oluşturma sırasında uygulanır.

Girdi Parametreleri

• Görüntü (Zorunlu): Geçerli bir .ico dosyası olmalıdır. Araç, cihazınızdan seçilen ilk dosyayı okur.
• Kalite (Zorunlu): 1 ile 100 arasında sayısal bir değerdir. Bu değer çıktı sıkıştırmasını etkiler.

Doğrulama Kuralları

• Görüntü alanı boş olmamalıdır.
• Dosya .ico uzantısına sahip olmalıdır.
• Kalite alanı 1 ile 100 arasında bir sayı olmalıdır.
• Dönüştürme öncesinde kalite girilmelidir.

Çıktı Yapısı

Başarılı dönüşümden sonra:

• PNG görüntüsünün canlı bir önizlemesi gösterilir.
• Bir indirme düğmesi kullanılabilir hale gelir.
• Dosya result.png olarak indirilir.
• Orijinal boyutlar korunur.

Sınırlamalar

• Aynı anda yalnızca tek bir ICO dosyası işlenebilir.
• Toplu dönüştürme desteği yoktur.
• Çok büyük ICO dosyaları tarayıcı belleği kullanımını etkileyebilir.
• Araç boyutları yeniden ölçeklendirmez veya değiştirmez.

3. Bu Araç Nasıl Kullanılır

1. Görüntü alanına tıklayın ve cihazınızdan bir .ico dosyası seçin.
2. 1 ile 100 arasında bir Kalite değeri girin.
3. İşlem düğmesine tıklayın (veya otomatik dönüştürmeyi tetiklemek için kalite değerini değiştirin).
4. Önizlemenin görünmesini bekleyin.
5. PNG dosyanızı kaydetmek için İndir simgesine tıklayın.

4. Pratik Örnekler

Örnek 1: Web Sitesi Favicon'unu Çıkarmak

Senaryo: Bir geliştirici bir web sitesi favicon'unu düzenlemek istiyor.

• Girdi: favicon.ico
• Kalite: 90
• Çıktı: favicon.png (orijinal ile aynı boyutlarda)

Geliştirici artık PNG dosyasını Photoshop veya Figma gibi tasarım yazılımlarında açarak düzenleyebilir.

Örnek 2: Bir Uygulama Simgesini Yeniden Kullanmak

Senaryo: Bir pazarlama ekibi, sosyal medya için bir uygulama simgesinin PNG versiyonuna ihtiyaç duyuyor.

• Girdi: app_icon.ico
• Kalite: 100
• Çıktı: Yüklemeye hazır yüksek kaliteli PNG

Dönüştürülen PNG, platformlar arasında şeffaflığı ve görsel netliği korur.

5. Geliştirici Kullanım Senaryoları

- Frontend Görüntü İşleme

Geliştiriciler, sunucu tarafı işlemeye gerek duymadan gerçek zamanlı görüntü formatı dönüşümü için HTML5 Canvas API kullanarak bu yaklaşımı uygulayabilir.

- Tarayıcı Tabanlı Otomasyon

Kullanıcıların simgeleri yükleyip uyumluluk için anında dönüştürebildiği web uygulamalarına bu mantığı entegre edebilirsiniz.

JavaScript Örneği

const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0);
const pngData = canvas.toDataURL('image/png', 0.9);

PHP Doğrulama Örneği

if(pathinfo($_FILES['image']['name'], PATHINFO_EXTENSION) !== 'ico') {
    die('Geçersiz dosya türü.');
}

$quality = (int) $_POST['quality'];
if($quality < 1 || $quality > 100) {
    die('Geçersiz kalite değeri.');
}

Güvenlik Hususları

• Dosya uzantılarını sunucu tarafında doğrulayın.
• Maksimum dosya boyutunu sınırlayın.
• Form gönderim koruması için CSRF tokenları kullanın.
• Sayısal giriş alanlarını temizleyin.

6. SSS

ICO dosyası nedir?

ICO dosyası, masaüstü simgeleri ve web sitesi faviconları için yaygın olarak kullanılan bir Windows simge formatıdır.

Bu araç dosyamı bir sunucuya yükler mi?

Hayır. Dönüştürme işlemi doğrudan tarayıcınız içinde canvas teknolojisi kullanılarak gerçekleşir.

Görüntü boyutları değişir mi?

Hayır. PNG çıktısı, ICO dosyasının orijinal genişlik ve yüksekliğini korur.

Kalite ayarı ne işe yarar?

Oluşturulan PNG görüntüsünün sıkıştırma seviyesini kontrol eder. Değerler 1 ile 100 arasındadır.

Birden fazla ICO dosyasını aynı anda dönüştürebilir miyim?

Hayır. Araç şu anda yalnızca tek dosya dönüştürmeyi destekler.

PNG şeffaflığı destekler mi?

Evet. PNG şeffaf arka planları tamamen destekler, bu da onu simgeler ve web grafikleri için ideal hale getirir.

Dosya boyutu sınırı var mı?

Kesin bir sınır tanımlanmamıştır, ancak çok büyük dosyalar tarayıcınızı yavaşlatabilir.

Bu aracı mobil cihazlarda kullanabilir miyim?

Evet. Tarayıcınız HTML5 canvas desteklediği sürece modern mobil cihazlarda çalışır.