Konumlandır & Birleştir

PRO
PRO ile smart crop + preset yerleşim
Şablonlar, akıllı kırpma ve batch export.
  • ✅ Sosyal medya presetleri (Story/Post/Reels)
  • ✅ Smart crop + face-aware hizalama
  • ✅ Template pack ve preset kaydetme
  • ✅ Toplu çıktı / batch export
PRO’yu Gör Daha hızlı + daha güçlü birleştirme
REHBER + İPUÇLARI

Konumlandırma: Üst/Orta/Alt Hizalama ile Banner ve Thumbnail Kompozisyonu

Görseli belirli bir alanda konumlandırarak yazı ekleme, boşluk yönetimi ve güvenli alan kontrolünü kolaylaştırın.

1) Konumlandırma neyi çözer?

Konumlandırma aracı, görseli belirli bir çerçeve içinde üstte/ortada/altta hizalayarak “kontrollü kadraj” üretmenizi sağlar. Özellikle banner, thumbnail, kapak görseli ve reklam görsellerinde bu kontrol çok önemlidir. Çünkü platformlar bazen görseli otomatik kırpar; doğru konumlandırma, kritik içeriğin (yüz, logo, ürün, metin) kesilmesini azaltır.

Bu araç aynı zamanda “metin için alan açma” problemine doğrudan çözüm sunar. Görselin içeriğini bozmak yerine, ana öğeyi yukarı/orta/aşağı taşıyarak metnin geleceği bölgede temiz bir boşluk yaratabilirsiniz.

2) Banner ve thumbnail tasarımında temel kural

Bir banner’da genelde iki alan vardır: ana görsel (ürün/insan/ikon) ve metin/CTA alanı. Konumlandırma ile ana görseli bir tarafa çekip diğer tarafta “boşluk” yaratabilirsiniz. Bu boşluk, metnin rahat okunmasını sağlar. YouTube kapakları ve blog kapak görsellerinde de benzer mantık geçerlidir: metin alanı planlanmamışsa görüntü kalabalıklaşır.

Özellikle thumbnail’lerde kullanıcı 1 saniyede karar verir. Kompozisyon dağınıksa mesaj kaybolur. Konumlandırma ile “odak + boşluk + okunabilirlik” üçlüsünü daha hızlı yakalarsınız.

3) Hangi hizalama ne zaman?

  • Üst hizalama: Alt kısımda metin kullanacaksanız idealdir.
  • Orta hizalama: Genel amaçlı en dengeli kompozisyon.
  • Alt hizalama: Üstte başlık/etiket alanı bırakmak istediğinizde.

Hızlı ipucu: Eğer görselde yüz varsa çoğu zaman ortalama hizalama güvenlidir. Eğer görselde ürün ve üstte başlık planlanıyorsa alt hizalama daha iyi çalışabilir.

4) “Güvenli alan” mantığı

Platformlar farklı cihazlarda farklı kırpma yapar. Bu yüzden kritik öğeleri çerçevenin tam kenarına yaslamak risklidir. Konumlandırma yaparken kenarlardan küçük bir güvenli boşluk bırakmak, kesilme riskini ciddi azaltır. Bu özellikle YouTube kapak ve dikey story görsellerinde çok önemlidir.

5) Sık yapılan hatalar

  • Metni görselin üzerine rastgele koymak: Okunurluk düşer; önce boş alan yaratın.
  • Güvenli alan bırakmamak: Platform kırpınca yüz/logo kesilebilir.
  • Arka plan karmaşası: Metin okunmaz; gerekiyorsa arka planı sadeleştirin.
  • Tek yerde test: Sadece masaüstünde bakmak yanıltır; mobilde de kontrol edin.
  • Kontrast yok: Metin alanı ile arka plan birbirine girerse okunmaz; gerekirse blur/padding kullanın.
  • Aşırı yakın kadraj: Yüz/ürün “tam sınırda” olursa kırpma kaçınılmaz olur.

6) En iyi pratik iş akışı

Önce konumlandırma ile kompozisyonu kurun. Sonra gerekiyorsa padding ekleyip güvenli alanı artırın. En son adımda boyutlandırma ve sıkıştırma ile platforma uygun hale getirin. Bu akış hem tasarımı daha profesyonel gösterir hem de web performansını iyileştirir.

  1. Konumlandır (üst/orta/alt)
  2. Gerekirse padding ile güvenli alan ekle
  3. Boyutlandır (platform ölçüsü)
  4. Export + sıkıştırma

İpucu: Eğer görselde yüz varsa, yüzü çerçevenin tam kenarına yaslamayın. Biraz boşluk bırakmak, farklı cihazlarda kırpma riskini azaltır.

Görseli canvas içine yerleştir: contain/cover, anchor, offset ve scale ayarla. Tamamen tarayıcıda çalışır. Benzer araçlar: Dikey birleştir, Yan yana birleştir, Kolaj, Üst üste.