Görsel değiştirme

Görseller herhangi bir web sitesinin önemli bir parçasıdır. Düzenleme Aracı ile koda dokunmadan görselleri kolayca değiştirebilirsiniz - sadece tıklayın, yükleyin ve tamam.

Görsel Seçme

1. Düzenleme Modunu etkinleştirin
2. Değiştirmek istediğiniz görselin üzerine gelin
3. Seçmek için tıklayın
4. Görsel sekmesi düzenleme panelinde açılır

Yeni Görsel Yükleme

Adım 1: Yükle'ye Tıklayın

Görsel sekmesinde, Yükle veya Görseli Değiştir butonuna tıklayın.

Adım 2: Dosyanızı Seçin

Cihazınızdan bir görsel seçin. Desteklenen formatlar:

• JPG/JPEG - Fotoğraflar için en iyi
• PNG - Grafikler, logolar, ekran görüntüleri için en iyi
• GIF - Animasyonlu görseller için
• WebP - İyi sıkıştırma oranlı modern format
• SVG - Vektör grafikler için (ikonlar, logolar)

Adım 3: Onayla

Yeni görsel eskisinin yerini otomatik olarak alır.

Görsel Gereksinimleri

Önerilen Boyutlar

| Görsel Türü | Önerilen Boyut | | ----------------- | -------------- | | Hero/Banner | 1920 x 1080 px | | Ürün görselleri | 800 x 800 px | | Ekip fotoğrafları | 400 x 400 px | | Küçük resimler | 300 x 300 px | | Logolar | 200 x 60 px |

Dosya Boyutu Sınırları

• Maksimum: Görsel başına 10 MB
• Önerilen: En iyi performans için 2 MB altı
• Büyük görseller otomatik olarak optimize edilir

Kalite İpuçları

• En iyi sonuçlar için yüksek çözünürlüklü görseller kullanın
• Bulanık veya piksellenmiş görsellerden kaçının
• Mobil kullanıcıları düşünün (görseller küçük boyutlarda da iyi görünmeli)

Değiştirebileceğiniz Görsel Türleri

Hero Görselleri

Sayfaların üstündeki büyük banner görselleri.

Ürün Görselleri

Ürün kartlarındaki, galerilerdeki veya detay sayfalarındaki fotoğraflar.

Ekip/Profil Fotoğrafları

Kişilerin, ekip üyelerinin veya yazarların görselleri.

Arka Plan Görselleri

Bölüm arka planları olarak kullanılan görseller.

Logolar

Şirket logonuz veya partner logoları.

İkonlar

Küçük açıklayıcı görseller (bazı ikonlar kod tabanlı olabilir).

Görsel Optimizasyonu

Promake görsellerinizi web performansı için otomatik olarak optimize eder:

• Sıkıştırma: Görünür kalite kaybı olmadan dosya boyutunu azaltır
• Responsive: Farklı cihazlar için çoklu boyutlar oluşturur
• Format dönüşümü: Verimli web formatlarına dönüştürür

En İyi Uygulamalar

Stili Eşleştirin

Web sitenizin genel stiline uyan görseller seçin:

• Benzer renk tonları
• Tutarlı fotoğraf stili
• Uygun konu

En-Boy Oranını Düşünün

Orijinale benzer oranlara sahip görseller kullanmaya çalışın:

• Kare yer tutucular için kare
• Banner alanları için geniş
• Dikey alanlar için portre

Kaliteli Kaynaklar Kullanın

Profesyonel görselleri şuralardan alın:

• Kendi fotoğrafçılığınız
• Stok fotoğraf siteleri (Unsplash, Pexels)
• Profesyonel fotoğrafçılar
• Marka varlık kütüphaneleri

Yüklemeden Önce Optimize Edin

En iyi performans için:

1. Görselleri uygun boyutlara yeniden boyutlandırın
2. TinyPNG gibi araçlarla sıkıştırın
3. Uygun dosya formatı kullanın

Yaygın Senaryolar

Senaryo 1: Ürün Fotoğraflarını Güncelleme

Yeni ürün görselleri mi aldınız?

1. Düzenleme Modunu etkinleştirin
2. Ürün görseline tıklayın
3. Yeni fotoğrafınızı yükleyin
4. Her ürün için tekrarlayın

Senaryo 2: Hero Banner Değiştirme

Yeni ana sayfa banner'ı mı istiyorsunuz?

1. Düzenleme Modunu etkinleştirin
2. Hero görseline tıklayın
3. Yeni banner'ınızı yükleyin (ideal olarak 1920px genişlik)
4. Mobilde nasıl göründüğünü kontrol edin

Senaryo 3: Logonuzu Ekleme

Yer tutucu logoyu değiştirmeniz mi gerekiyor?

1. Düzenleme Modunu etkinleştirin
2. Logoya tıklayın
3. Logonuzu yükleyin (şeffaf arka planlı PNG en iyi çalışır)

Sorun Giderme

Görsel Değişmiyor mu?

• Gerçek görsele tıkladığınızdan emin olun
• Önizlemeyi yenilemeyi deneyin
• Dosya formatının desteklenip desteklenmediğini kontrol edin

Görsel Gerilmiş Görünüyor mu?

• Yeni görsel farklı oranlara sahip
• Benzer en-boy oranına sahip görsel deneyin
• AI'dan görsel konteynerini ayarlamasını isteyin

Görsel Çok Büyük mü?

• Yüklemeden önce görseli sıkıştırın
• Görsel optimizer aracı kullanın
• Boyutları önerilen değerlere düşürün

Şeffaf Arka Plan Görünmüyor mu?

• PNG dosyası yüklediğinizden emin olun
• Orijinal görselin şeffaflık destekleyip desteklemediğini kontrol edin

Görselleri Değiştirdikten Sonra

Görselleri güncelledikten sonra:

1. Önizlemeyi kontrol edin - İyi göründüğünden emin olun
2. Mobil görünümü test edin - Görseller tüm cihazlarda çalışmalı
3. Kaliteyi doğrulayın - Görsellerin bulanık olmadığından emin olun
4. Hazır olduğunuzda yayınlayın - Canlı sitenizi güncelleyin