Mobil Uygulama İçin İkon Hazırlama Aracı

Icon Builder, iOS ve Android uygulamaları için gereken çok sayıdaki ikon boyutunu tek seferde üreten küçük bir web aracıdır.

Amaç; tasarımcının hazırladığı tek bir kare PNG ikon dosyasını alıp, farklı platform ve çözünürlükler için gereken tüm ikon setlerini birkaç saniye içinde üretmekti. Böylece hem manuel hatalar azaltıldı hem de yeni uygulama sürümleri için hazırlık süresi kısaltıldı.

---

Problem: Tek Tasarımdan Çoklu İkon Seti

Mobil uygulama geliştirirken, farklı platform ve cihazlar için çok sayıda ikon boyutu gerekiyor:

• iOS için AppIcon.appiconset içindeki farklı boyut ve scale değerleri,
• Android için mipmap-ldpi’den mipmap-xxxhdpi’ye kadar uzanan klasör yapısı.

Bu ikonların:

• Doğru boyutta,
• Doğru klasör yapısında,
• Tutarlı şekilde üretilmesi

çoğu zaman manuel işlem, deneme-yanılma ve tekrar eden rutin iş demekti.

---

Çözüm: Sunucu Tarafında Otomatik İkon Üretimi

Icon Builder, tasarımcının yüklediği PNG dosyasını sunucu tarafında işleyerek:

• Gerekli tüm ikon boyutlarına yeniden ölçekler,
• iOS ve Android için ayrı klasör yapıları oluşturur,
• Tüm çıktıları bir ZIP dosyasında paketler,
• Kullanıcıya tek tıkla indirilebilir bir arşiv sunar.

Arka planda:

• İkon ölçüleri ve yol bilgileri JSON dosyalarıyla tanımlanır,
• PHP GD kütüphanesi ile orijinal ikon transparan arka planı korunarak yeniden ölçeklenir,
• Çıktılar hem klasör yapısına hem de küçük bir önizleme görseline yazılır.

---

Yaklaşım: Basit Arayüz, Net Geri Bildirim

Arayüz tarafında odak, tasarımcının mümkün olan en az karar vermesi üzerindeydi:

• Sadece bir yükleme alanı ve kısa açıklayıcı metin,
• Kare olmayan veya boyut limiti aşan görseller için uyarı mesajları,
• Başarılı işlem sonrası doğrudan indirme linki ve küçük bir ikon önizlemesi.

Teknik tarafta:

• PHP ile dosya yükleme ve doğrulama,
• Sunucu üzerinde geçici klasörlerin oluşturulup ZIP’e dönüştürülmesi,
• İşlem tamamlandıktan sonra geçici klasörlerin temizlenmesi

uygulandı. Böylece depolama alanı kontrollü kullanıldı ve her ikon seti izole edildi.

---

Sonuç

Icon Builder sayesinde:

• Tasarımcılar ve geliştiriciler manuel ikon üretme adımlarından kurtuldu,
• iOS ve Android için gereken ikon yapıları tutarlı hale geldi,
• Tek bir araçla birden fazla projede tekrar kullanılabilecek bir üretim hattı oluşturuldu.

Bu proje, küçük ama tekrarlayan bir ihtiyacı hedefleyip onu otomatikleştirerek, geliştirme süreçlerinde verimlilik sağlayan yardımcı araçlara iyi bir örnek oldu.