Dijital dünyada görseller, web siteleri, sosyal medya, baskı ve mobil uygulamalar için vazgeçilmez unsurlardır. Doğru boyutlandırma, hem görsel kaliteyi korur hem de performansı optimize eder. Bu kapsamlı rehberde, görsel boyutlandırmanın tüm yönlerini, en iyi uygulamaları ve farklı platformlar için optimal boyutları detaylı bir şekilde inceleyeceğiz.
Görsel Boyutlandırma Temelleri
Piksel ve Çözünürlük
Piksel, dijital görsellerin en küçük birimidir. Çözünürlük, bir görseldeki toplam piksel sayısını ifade eder ve genellikle genişlik x yükseklik formatında belirtilir (örneğin, 1920x1080).
En Boy Oranı (Aspect Ratio)
En boy oranı, görselin genişliği ile yüksekliği arasındaki matematiksel ilişkidir. Yaygın en boy oranları:
- 16:9 - Widescreen, video, modern ekranlar
- 4:3 - Klasik TV, eski monitörler
- 1:1 - Kare, Instagram gönderileri
- 9:16 - Dikey video, Instagram Stories, TikTok
- 3:2 - Fotoğraf, DSLR kameralar
- 21:9 - Ultra-wide, sinema
DPI ve PPI
DPI (Dots Per Inch) ve PPI (Pixels Per Inch), görsel yoğunluğunu ölçer:
- 72 PPI: Web ve ekran görselleri için standart
- 150 PPI: Düşük kaliteli baskı
- 300 PPI: Yüksek kaliteli baskı, profesyonel standart
- 600+ PPI: Çok yüksek kaliteli baskı, sanat eserleri
Görsel Boyutlandırma Yöntemleri
1. Küçültme (Downscaling)
Büyük görselleri küçültmek, genellikle kalite kaybı olmadan yapılabilir. Fazla pikseller atılır ve görsel daha kompakt hale gelir.
Küçültme Algoritmaları
| Algoritma | Kalite | Hız | Kullanım |
|---|---|---|---|
| Nearest Neighbor | Düşük | Çok Hızlı | Piksel sanatı, basit grafikler |
| Bilinear | Orta | Hızlı | Genel kullanım, hızlı işlem |
| Bicubic | İyi | Orta | Fotoğraflar, web görselleri |
| Lanczos | Mükemmel | Yavaş | Profesyonel fotoğrafçılık |
| AI/ML Tabanlı | En İyi | Çok Yavaş | Kritik kalite gerektiren işler |
2. Büyütme (Upscaling)
Küçük görselleri büyütmek daha zordur çünkü yeni pikseller oluşturulmalıdır. Geleneksel yöntemler bulanıklığa neden olabilir.
Büyütme İpuçları
- Mümkünse orijinal yüksek çözünürlüklü görseli kullanın
- AI tabanlı upscaling araçları tercih edin
- %150'den fazla büyütmekten kaçının
- Keskinleştirme filtreleri ile abartmayın
- Vektör grafikleri raster yerine tercih edin
3. Kırpma (Cropping)
Görselin belirli bir bölümünü seçerek boyutlandırma yapar. En boy oranını değiştirebilir.
Kırpma En İyi Uygulamaları
- Kompozisyon kurallarına dikkat edin (üçte bir kuralı)
- Önemli öğeleri merkeze alın
- Yüz tanıma kullanarak otomatik kırpma yapın
- Farklı platformlar için farklı kırpımlar hazırlayın
Web İçin Görsel Boyutlandırma
Web Sitesi Görselleri
| Görsel Türü | Önerilen Boyut | En Boy Oranı | Maksimum Dosya Boyutu |
|---|---|---|---|
| Hero/Banner | 1920 x 1080 | 16:9 | 200-500 KB |
| Blog Kapak | 1200 x 630 | 1.91:1 | 150-300 KB |
| Thumbnail | 300 x 200 | 3:2 | 50-100 KB |
| Logo | 250 x 100 | Değişken | 20-50 KB |
| Ürün Görseli | 800 x 800 | 1:1 | 100-200 KB |
| Galeri Görseli | 1200 x 800 | 3:2 | 150-300 KB |
| Favicon | 32 x 32 | 1:1 | 5-10 KB |
Responsive Görseller
Modern web siteleri, farklı ekran boyutları için farklı görsel boyutları kullanır:
- Mobil (320-480px): 480px genişlik
- Tablet (481-768px): 768px genişlik
- Laptop (769-1024px): 1024px genişlik
- Desktop (1025-1200px): 1200px genişlik
- Büyük Ekran (1201px+): 1920px genişlik
Retina ve Yüksek DPI Ekranlar
Retina ekranlar için görselleri 2x veya 3x boyutunda hazırlayın:
- Standart: 100 x 100 px
- Retina 2x: 200 x 200 px
- Retina 3x: 300 x 300 px
Sosyal Medya Görsel Boyutları
| İçerik Türü | Boyut | En Boy Oranı |
|---|---|---|
| Feed Gönderi (Kare) | 1080 x 1080 | 1:1 |
| Feed Gönderi (Dikey) | 1080 x 1350 | 4:5 |
| Feed Gönderi (Yatay) | 1080 x 566 | 1.91:1 |
| Stories | 1080 x 1920 | 9:16 |
| Reels | 1080 x 1920 | 9:16 |
| Profil Fotoğrafı | 320 x 320 | 1:1 |
| İçerik Türü | Boyut | En Boy Oranı |
|---|---|---|
| Feed Gönderi | 1200 x 630 | 1.91:1 |
| Stories | 1080 x 1920 | 9:16 |
| Kapak Fotoğrafı | 820 x 312 | 2.63:1 |
| Profil Fotoğrafı | 180 x 180 | 1:1 |
| Link Önizleme | 1200 x 628 | 1.91:1 |
Twitter (X)
| İçerik Türü | Boyut | En Boy Oranı |
|---|---|---|
| Tweet Görseli | 1200 x 675 | 16:9 |
| Header Fotoğrafı | 1500 x 500 | 3:1 |
| Profil Fotoğrafı | 400 x 400 | 1:1 |
| İçerik Türü | Boyut | En Boy Oranı |
|---|---|---|
| Feed Gönderi | 1200 x 627 | 1.91:1 |
| Kapak Fotoğrafı | 1584 x 396 | 4:1 |
| Profil Fotoğrafı | 400 x 400 | 1:1 |
| Şirket Logosu | 300 x 300 | 1:1 |
YouTube
| İçerik Türü | Boyut | En Boy Oranı |
|---|---|---|
| Thumbnail | 1280 x 720 | 16:9 |
| Kanal Kapak | 2560 x 1440 | 16:9 |
| Profil Fotoğrafı | 800 x 800 | 1:1 |
| Video (SD) | 640 x 480 | 4:3 |
| Video (HD) | 1920 x 1080 | 16:9 |
| Video (4K) | 3840 x 2160 | 16:9 |
E-Ticaret Görsel Boyutlandırma
Ürün Görselleri
E-ticaret platformları için optimal ürün görseli boyutları:
- Ana Ürün Görseli: 2000 x 2000 px (zoom için)
- Thumbnail: 300 x 300 px
- Galeri Görseli: 1000 x 1000 px
- Mobil Görünüm: 600 x 600 px
Platform Özel Gereksinimler
| Platform | Minimum Boyut | Önerilen Boyut | Format |
|---|---|---|---|
| Amazon | 1000 x 1000 | 2000 x 2000 | JPEG, PNG |
| eBay | 500 x 500 | 1600 x 1600 | JPEG, PNG |
| Etsy | 2000 x 1500 | 3000 x 2250 | JPEG, PNG |
| Shopify | 800 x 800 | 2048 x 2048 | JPEG, PNG, WebP |
Baskı İçin Görsel Boyutlandırma
Baskı Boyutları ve Çözünürlük
| Baskı Boyutu | 300 DPI Piksel Boyutu | Kullanım |
|---|---|---|
| 4x6 inç | 1200 x 1800 | Fotoğraf baskısı |
| 5x7 inç | 1500 x 2100 | Fotoğraf, kart |
| 8x10 inç | 2400 x 3000 | Çerçeveli fotoğraf |
| 11x14 inç | 3300 x 4200 | Poster, sanat baskısı |
| A4 (210x297mm) | 2480 x 3508 | Doküman, broşür |
| A3 (297x420mm) | 3508 x 4961 | Poster, sunum |
| A2 (420x594mm) | 4961 x 7016 | Büyük poster |
Baskı İpuçları
- Her zaman 300 DPI veya daha yüksek çözünürlük kullanın
- CMYK renk modunda çalışın (RGB değil)
- Taşma (bleed) alanı ekleyin (genellikle 3-5mm)
- Güvenli alan (safe zone) bırakın
- Yüksek kaliteli TIFF veya PDF formatı kullanın
Mobil Uygulama Görselleri
iOS
| Görsel Türü | Boyut (1x) | Boyut (2x) | Boyut (3x) |
|---|---|---|---|
| App Icon | 60 x 60 | 120 x 120 | 180 x 180 |
| Launch Screen | 1125 x 2436 | - | - |
| Tab Bar Icon | 25 x 25 | 50 x 50 | 75 x 75 |
Android
| Görsel Türü | MDPI (1x) | HDPI (1.5x) | XHDPI (2x) | XXHDPI (3x) |
|---|---|---|---|---|
| Launcher Icon | 48 x 48 | 72 x 72 | 96 x 96 | 144 x 144 |
| Action Bar Icon | 32 x 32 | 48 x 48 | 64 x 64 | 96 x 96 |
Görsel Optimizasyon İpuçları
1. Dosya Formatı Seçimi
- JPEG: Fotoğraflar, karmaşık görseller (kayıplı sıkıştırma)
- PNG: Logolar, şeffaf arka plan, keskin kenarlar (kayıpsız)
- WebP: Modern web, JPEG ve PNG'nin yerini alıyor
- SVG: Vektör grafikler, logolar, ikonlar (ölçeklenebilir)
- GIF: Basit animasyonlar (sınırlı renk paleti)
2. Sıkıştırma
Görsel kalitesini koruyarak dosya boyutunu azaltın:
- JPEG için %80-85 kalite optimal dengedir
- PNG için lossless sıkıştırma araçları kullanın
- WebP formatına geçiş yapın (%25-35 daha küçük)
- Metadata'yı kaldırın (EXIF, GPS bilgileri)
3. Lazy Loading
Görselleri sadece görünür olduklarında yükleyin:
- Sayfa yükleme hızını artırır
- Bant genişliği tasarrufu sağlar
- Kullanıcı deneyimini iyileştirir
4. CDN Kullanımı
Content Delivery Network ile görselleri hızlı sunun:
- Coğrafi olarak yakın sunuculardan yükleme
- Otomatik format dönüşümü
- Dinamik boyutlandırma
- Cache yönetimi
Yaygın Hatalar ve Çözümleri
1. Aşırı Büyük Dosyalar
Sorun: Görseller çok büyük, sayfa yavaş yükleniyor.
Çözüm:
- Görselleri hedef boyuta küçültün
- Sıkıştırma uygulayın
- WebP formatına geçin
- Responsive görseller kullanın
2. Düşük Kalite
Sorun: Görseller bulanık veya pikselleşmiş.
Çözüm:
- Daha yüksek çözünürlüklü kaynak kullanın
- Doğru boyutlandırma algoritması seçin
- Aşırı sıkıştırmadan kaçının
- Retina ekranlar için 2x görseller hazırlayın
3. Yanlış En Boy Oranı
Sorun: Görseller bozuk veya esnetilmiş görünüyor.
Çözüm:
- Platform gereksinimlerine uygun en boy oranı kullanın
- Kırpma yerine letterbox/pillarbox ekleyin
- Object-fit CSS özelliğini kullanın
FiConvert ile Görsel Boyutlandırma
FiConvert platformu, görsel boyutlandırma işlemlerini basitleştirir:
Özellikler
- Otomatik platform preset'leri (Instagram, Facebook, vb.)
- Toplu boyutlandırma
- En boy oranı koruma veya özel kırpma
- Kalite optimizasyonu
- Format dönüştürme
- Watermark ekleme
Kullanım Senaryoları
- Sosyal Medya: Tek tıkla tüm platformlar için boyutlandırma
- E-Ticaret: Ürün görselleri için optimal boyutlar
- Web Sitesi: Responsive görseller oluşturma
- Baskı: DPI ayarlama ve boyutlandırma
Sonuç
Doğru görsel boyutlandırma, hem görsel kaliteyi korur hem de performansı optimize eder. Her platform ve kullanım senaryosu için farklı gereksinimler vardır. FiConvert gibi araçlar, karmaşık boyutlandırma işlemlerini otomatikleştirerek zamandan tasarruf sağlar ve profesyonel sonuçlar elde etmenizi garanti eder. Görselleri doğru boyutlandırarak, daha hızlı web siteleri, daha iyi kullanıcı deneyimi ve daha profesyonel görünüm elde edebilirsiniz.