Kenarlık Ekle

İnsan görsel algısında (şekil-zemin organizasyonunun Gestalt psikolojisi ilkeleriyle yönetilen), göz nesneleri parlaklık ve kromatik kontrast sınırlarını tespit ederek tanımlar. Bir görüntü açık bir sınırdan yoksun olduğunda ve görüntüleme ortamıyla benzer bir renk tonunu paylaştığında (örneğin beyaz bir tarayıcı tuvalinde görüntülenen saf beyaz `#FFFFFF` arka plana sahip bir ürün fotoğrafı), izleyicinin bilişsel işlemesi sanat eserinin nerede bittiğini ve çevreleyen mizanpajın nerede başladığını ayırt etmekte zorlanır.

Bu sınır belirsizliği, dinamik duyarlı tasarım tarafından daha da büyütülür. Kullanıcılar macOS, Windows, iOS ve Android genelinde yüksek kontrastlı Açık Mod ile düşük parlaklıklı Karanlık Mod arasında sürekli geçiş yapar. Çarpıcı bir siluet fotoğrafı açık renkli bir arka planda etkileyici görünür ancak Karanlık Modda görüntülendiğinde konturları kullanıcı arayüzü içinde erir. İster ince 1-2 piksellik nötr bir ayırıcı (`#E5E7EB` veya `#374151`) ister kalın 30 piksellik renkli bir paspartu olsun, belirgin bir kenarlık eklemek, kullanıcının arayüz temasından bağımsız olarak kompozisyon bütünlüğünü koruyan kalıcı, bağımsız bir görsel sahne oluşturur.

Dijital görüntü işlemede, kenarlık eklemek için iki farklı geometrik yöntem vardır: içe kenarlık yerleştirme (inset) ve dış tuval genişletme. Yetersiz fotoğraf düzenleme araçları genellikle mevcut piksel ızgarasının üzerine renkli dikdörtgen çizgiler çizerek iç kenarlıklar uygular. Bu yaklaşım doğası gereği yıkıcıdır: bir fotoğrafçı bir portreyi kenarlara yakın dar kompozisyon açıklığıyla çerçevelediyse, bir iç kenarlık saç tellerini, parmak uçlarını, mimari ufukları veya ince filigran imzalarını kırpar.

Kenarlık Ekleme aracımız kesinlikle yıkıcı olmayan dış tuval genişletmesini uygular. Matematiksel geometri şu şekilde hesaplanır: `TuvalGenişliği = GörselGenişliği + (KenarlıkGenişliği * 2)` `TuvalYüksekliği = GörselYüksekliği + (KenarlıkGenişliği * 2)`

Tarayıcı, genişletilmiş boyutlarla eşleşen yeni, yüksek yoğunluklu bir Canvas2D bağlamı ayırır. Tüm arka plan seçtiğiniz düz renk, gradyan veya onaltılık (hex) değerle doldurulur. Ardından, kırpılmamış orijinal görüntü tam geometrik merkeze çizilir (`dx = KenarlıkGenişliği`, `dy = KenarlıkGenişliği`). Kaynak piksellerinizin %100'ü tamamen sağlam, değiştirilmemiş ve sıkıştırılmamış olarak kalır.

Güzel sanatlar fotoğrafçılığında paspartu (passe-partout), hem estetik hem de tarihi bir amaca hizmet eder: konuyu görsel dağınıklıktan izole eden bir nefes alma alanı tamponu oluşturur. Fotoğrafçılar nötr galeri tonlarında geniş dış kenarlıklar (40 pikselden 100 piksele kadar) uygulayarak—sıcak arşiv krem rengi (`#FFFDD0`), soğuk galeri grisi (`#F3F4F6`) veya müze beyazı (`#FAFAFA`) gibi—dijital portföylere otantik bir güzel sanatlar sergisi varlığı kazandırabilir.

Ayrıca içerik üreticileri, temiz beyaz kenarlıkları tamamlayıcı stillendirme araçlarıyla eşleştirerek nostaljik analog hissi uyandırabilir. Cömert bir beyaz dış kenarlığı [Gölge Ekle](/tr/tools/image/add-shadow/) aracımızla birleştirmek, bir masa yüzeyinde yüzen fiziksel basılı bir fotoğrafı simüle ederek orta format film baskılarının ve klasik Polaroid anlık görüntülerinin ikonik estetiğini yeniden üretir.

Dijital perakendede (Shopify, WooCommerce, Amazon, eBay, Google Alışveriş), ürün ızgaralarındaki görsel tutarlılık, tüketici güveninin ve dönüşüm oranlarının kanıtlanmış bir itici gücüdür. Bir koleksiyon sayfasına göz atarken tutarsız ürün görseli boyutları ve kaotik kenar hizalamaları müşterilerin dikkatini dağıtır ve profesyonellikten uzak görünür.

Marka yöneticileri, çeşitli envanter genelinde tek tip görsel kenar boşlukları oluşturmak için dış kenarlıkları kullanır. Dar dikey en boy oranında çekilmiş bir ürün çekimi, kare 1:1 katalog standartlarıyla eşleşmesi için temiz beyaz veya markalı bir kenarlıkla doldurulabilir. Bu, ayakkabı, mücevher, giyim ve elektronik ürünlerin koleksiyon sayfalarında bozulma veya garip kırpma olmadan mükemmel şekilde hizalanmasını sağlar.

Modern dijital arayüz tasarımı (Apple iOS squircle yönergeleri, Google Material You ve Tailwind UI'dan esinlenen), yumuşak köşelere ve gerçekçi yükseltilere öncelik verir. Sert dikdörtgen bir fotoğraf çerçevesi çağdaş uygulama mizanpajlarında sert hissettirebilir.

Paketimiz, tamamlayıcı araçları uyumlu bir tasarım işlem hattında zincirlemenize olanak tanır: Renk çerçevesini oluşturmak için bu Kenarlık Ekleme aracıyla düz bir kenarlık ekleyerek başlayın. Ardından, keskin dış köşeleri zarif kavisli yarıçaplara yumuşatmak için çerçevelenmiş grafiği [Köşeleri Yuvarla](/tr/tools/image/add-rounded-corners/) aracımıza aktarın. Son olarak düz bir fotoğrafı modern web uygulamaları için hazır dokunsal, yüzen bir kullanıcı arayüzü kartına dönüştürmek amacıyla gerçekçi ortam kapanımı alt gölgeleri eklemek için varlığı [Gölge Ekle](/tr/tools/image/add-shadow/) aracımıza aktarın.

Web ve baskı projelerinde stüdyo kalitesinde çerçeveleme sonuçları elde etmek için bu yapılandırılmış işlem zincirini takip edin:

Adım 1 - Kompozisyon Çerçeveleme: Gereksiz çevresel dağınıklığı kırpın ve [Görsel Kırpma](/tr/tools/image/crop/) kullanarak istediğiniz en boy oranını sabitleyin.

Adım 2 - Kenarlık ve Paspartu Ekleme: Bu Kenarlık Ekleme aracını kullanarak özel kenarlık kalınlığı uygulayın ve istediğiniz renk paletini seçin.

Adım 3 - Kenar Eğriliği: [Köşeleri Yuvarla](/tr/tools/image/add-rounded-corners/) ile dış dikdörtgen kenarları pürüzsüz modern yarıçaplara yumuşatın.

Adım 4 - Boyutsal Yükselti: [Gölge Ekle](/tr/tools/image/add-shadow/) kullanarak çerçeveli görselinize üç boyutlu bir varlık kazandırın.

Adım 5 - Dosya Optimizasyonu: Nihai grafiği [Görsel Sıkıştırma](/tr/tools/image/compress/) aracından geçirerek veya [PNG'den WebP'ye Dönüştürme](/tr/tools/image/convert-png-to-webp/) ile yeni nesil WebP'ye dönüştürerek mobil ağlarda hızlı yükleme hızları sağlayın.