Arka Plan + Konumlandırma

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

❓ Konumlandırma Aracı Hakkında (FAQ)

Bu araç, birden fazla görseli tek bir tuval üzerinde serbestçe konumlandırarak (yerleştirerek) tek bir çıktı üretir. İşlem tarayıcı içinde yapılır; görseller sunucuya yüklenmez. Çıktıyı JPG/PNG/WebP/BMP olarak indirebilirsiniz.

Konumlandırma ile kolaj arasındaki fark ne?

Kolaj grid düzenidir (otomatik). Konumlandırma ise serbest düzen: görselleri istediğiniz yere koyup tek kompozisyon oluşturursunuz.

Görselleri taşırken kalite düşer mi?

Önizleme modunda geçici olarak düşük çözünürlükle hızlı çizim yapılabilir. Export’ta hedef çözünürlükle tekrar işlenir; amaç kaliteyi korumaktır.

Katman (layer) mantığı var mı?

Evet. Üstte olan katman alttakini kapatır. Arayüzde “öne getir / arkaya gönder” gibi kontroller varsa kompozisyonu doğru kurmanız için kritik olur.

Arka planı şeffaf yapabilir miyim?

PNG/WebP çıktıda şeffaf arka plan mümkün olabilir. JPG/BMP’de şeffaflık yoktur; arka plan rengi doludur.

Hizalama neden bazen zor oluyor?

Serbest konumlandırmada piksel hassasiyeti gerekir. Kılavuz çizgileri, snap (yakalama) veya x/y değerleri gibi araçlar varsa, net hizalama çok kolaylaşır.

Neden cihazım kasıyor?

Çok büyük görseller + çok katman = daha fazla bellek ve işlem gücü demektir. Önizleme modunu açık tutun ve export aşamasında tam kalite alın.

Format kısıtı neden var?

Tarayıcı tarafında en stabil decode/encode JPG/PNG/WebP/BMP’dedir. Daha ağır formatlar için PRO/server daha güvenilir çalışır.

“Orijinal formatta indir” tam olarak ne demek?

Yüklediğiniz görsel JPG ise çıktıyı JPG indirirsiniz; PNG ise PNG indirirsiniz. Böylece kullanıcı alışkanlığı bozulmaz. BMP için ayrıca encoder kullanılır.

PRO tarafı neden önemli?

PRO’da daha hızlı motor, daha büyük çözünürlük, mask/selektif düzen, gelişmiş katman efektleri ve batch export gibi üretim odaklı özellikler öne çıkar.

İpucu: Konumlandırmada hizalama ve boşluk kadar, katman sırası (üstte/ altta) da sonucu belirler.

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: Kolaj, Üst Üste, Arka Plan, Konumlandırma.