Görsel Yerleştirme Rehberi

Olgun, aşağıdaki dosyaları bu klasörlere bu isimlerle kaydet. Hepsi .webp olarak optimize edilmeli (squoosh.app — bedava). Logo'nun PNG olması şart (şeffaf zemin).

📁 /src/img/genel/ — Logo, Favicon, OG

Dosya Adı Boyut Ne İçin
logo.png 256×256 (şeffaf zemin) Header + Footer
favicon-16.png 16×16 Tarayıcı sekmesi
favicon-32.png 32×32 Tarayıcı sekmesi
apple-touch-icon.png 180×180 iOS/Apple
og-image.jpg 1200×630 WhatsApp/Facebook paylaşım kartı
qr-iban.png 800×800 IBAN kare kod (Vakıf Katılım'dan al)

Favicon üretimi: Logoyu https://realfavicongenerator.net üzerine yükle → ZIP indir → bu dosyalar otomatik üretilir.

📁 /src/img/kampanyalar/ — Ana sayfa kampanya kartları

Dosya Adı Aspect İçerik
kurban-2026.webp 16:10 Kurban kampanya görseli (afişinden de olur)
yetim-sponsorlugu.webp 16:10 Yetim çocuk teması (haram olmayan, simgesel)
su-kuyusu.webp 16:10 Afrika'da kuyu açma fotoğrafı (genel merkezden de olur)
ramazan-2026.webp 16:10 Ramazan iftar/kumanya görseli

📁 /src/img/deprem/ — Hatay Depremi sayfası

Dosya Adı İçerik
eski-bina-onceki.webp Deprem öncesi binanız (Deprem Öncesi Bina/3.jpeg veya 4.jpeg)
eski-bina-acilis.webp Açılış töreni (Deprem Öncesi Bina/7.jpeg veya 8.jpeg)
deprem-hasari-1.webp Akut Deprem/1.jpeg
deprem-hasari-2.webp Akut Deprem/3.jpeg
deprem-hasari-3.webp Akut Deprem/6.jpeg
deprem-yikilan-binalar.webp Akut Deprem/10.jpeg veya 11.jpeg
deprem-catlak-detay.webp Akut Deprem/13.jpeg

📁 /src/img/faaliyet/ — Faaliyet ve haber görselleri

Dosya Adı Video Kareden
konteyner-kent-yardimi.webp Konteyner Kent Yardımı.mp4
cocuk-senligi.webp Çadır Kent Çocuk Şenliği.mp4
cocuk-oyunlari.webp İHH Çocuk Oyunları.mp4
belen-cadir-kent.webp Belen Çadır Kent Yardımı.mp4
su-kuyusu-acilis.webp 6.Su Kuyusu Videosu.mp4
ramazan-sokagi.webp Ramazan Sokağı.mp4

Video karesi çıkarmak: VLC Player → Video → Take Snapshot.

📁 /src/img/ekip/ — Yönetim ve tatbikat

Dosya Adı İçerik
arama-kurtarma-egitim-1.webp İHH Deprem Tatbikatı/17.39.06.jpeg
arama-kurtarma-egitim-2.webp İHH Deprem Tatbikatı/17.39.07 (2).jpeg
arama-kurtarma-egitim-3.webp İHH Deprem Tatbikatı/17.39.08.jpeg
ekip-toplu-fotograf.webp Deprem Öncesi Bina/5.jpeg veya 6.jpeg
ahmet-yetim.webp Başkan portresi (geldiğinde)

📁 /src/img/galeri/ — Toplu galeri görselleri (sonraki tur için)

Boş bırakabilirsin, galeri sayfası yapıldığında doldururuz.

📁 /src/img/cms/ — Decap CMS otomatik yükler

Bu klasör CMS'ten yüklenen görsellerin otomatik konacağı yer. Manuel ekleme yapma. Haberler/kampanyalar CMS'ten eklendiğinde otomatik dolar.

⚙️ WebP'ye Çevirme Hızlı Yöntem

  1. https://squoosh.app aç
  2. Görseli sürükle bırak
  3. Sağda WebP seç, Quality: 80
  4. Download → kaydet

Veya toplu işlem için XnConvert (bedava masaüstü programı) — bir klasörü açar, toplu WebP'ye çevirir.