ClearSight - Resim Arkaplanlarını Yok Etme

Arka plan kaldırma araçları, görsel düzenlemede sıklıkla kullanılan önemli araçlardır. Ancak bu araçların çoğu pahalı veya kullanımı karmaşıktır. İşte tam da bu noktada, ClearSight devreye giriyor! Bu yazıda, ClearSight'ın teknik altyapısını, kullanılan teknolojileri ve geliştirme sürecinde karşılaşılan zorlukları ele alacağız. Hadi başlayalım! 🚀

ClearSight, görsellerin arka planını hızlı ve doğru bir şekilde kaldırmak için geliştirilmiş bir web uygulamasıdır. Derin öğrenme tabanlı bir algoritma olan U-2-Net kullanarak, kullanıcıların fotoğraflarındaki nesneleri arka plandan hassasiyetle ayırır. Uygulama, modern web teknolojileri ile inşa edilmiştir ve Docker üzerinde çalışır.

Kullanılan Teknolojiler:

ClearSight'ı inşa ederken tercih ettiğimiz teknolojiler, performans ve kullanıcı deneyimi açısından en iyi sonucu verecek şekilde seçildi:

1. React: Kullanıcı arayüzünü oluşturmak için kullanıldı. React'ın bileşen tabanlı yapısı, yeniden kullanılabilir ve yönetilebilir kod yazmamızı sağladı. Özellikle kullanıcı arayüzünde hızlı etkileşimler sunmak için ideal.
2. Tailwind CSS & DaisyUI: Arayüz tasarımını sade, modern ve mobil uyumlu hale getirmek için tercih edildi. Tailwind'in utility-first yapısı sayesinde hızlı ve tutarlı bir tasarım elde ettik.
3. Docker & Docker Compose: Uygulamanın farklı bileşenlerini izole edilmiş container'lar içinde çalıştırmak için Docker kullandık. Docker Compose ile uygulamanın tüm servislerini tek bir komutla başlatabiliyoruz.
4. Python & U-2-Net: Arka plan kaldırma işlemini gerçekleştiren derin öğrenme modeli için Python dili ve U-2-Net kütüphanesi kullanıldı.

Mimari:

ClearSight, mikro servis tabanlı bir mimariyle geliştirildi. Her bir bileşen kendi container'ında çalışır ve bu sayede bağımsız olarak yönetilebilir:

• Frontend Container: Kullanıcı arayüzü, React ve Tailwind CSS ile oluşturulmuştur. Uygulamanın ana bileşenlerini kapsar ve Docker container'ı içinde çalışır.
• Python Model Container: Derin öğrenme modelini barındırır. U-2-Net, kullanıcının yüklediği görüntüleri işleyip arka planı kaldırır ve sonucu backend'e gönderir.

Kurulum ve Çalıştırma:

ClearSight'ı çalıştırmak son derece basittir. Aşağıdaki adımlar ile uygulamanızı hemen kurabilirsiniz:

1. U-2-Net Model Dosyası: Öncelikle, u2net.pth dosyasını indirip api klasörüne yerleştirin.
2. Repository Klonlama: api klasörüne U-2-Net repository'sini klonlayın:

git clone https://github.com/xuebinqin/U-2-Net.git

3. Docker ile Çalıştırma: ClearSight, Docker üzerinde çalışır. docker-compose.yml dosyasını kullanarak tüm servisleri başlatabilirsiniz:

docker-compose up -d

ClearSight, görsellerin arka planını hızlı ve etkili bir şekilde kaldıran, modern teknolojilerle inşa edilmiş güçlü bir araçtır. Bu yazıda kullandığımız teknolojileri ve mimariyi detaylandırarak, projenin nasıl şekillendiğini anlatmaya çalıştık. Eğer siz de ClearSight'ı deneyimlemek ve projeye katkı sağlamak isterseniz, ClearSight GitHub repository'sine göz atabilirsiniz.