> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions. # Logo Güvenli Alanı: Kenar Boşluğunu Hesaplayın ve Koruyun > Logonuz için güvenli alan birimi seçin, tüm boş bırakılacak bölgeyi hesaplayın ve tasarım boyutuyla paylı çalışma alanını karıştırmadan SVG'de koruyun. Source: https://perfectvector.com/tr/blog/logo-clear-space-calculation Language: tr Author: Irene Kim Published: 2026-10-12T08:00:00+09:00 Logo güvenli alanını onaylı tasarımda tanımlanan birimden hesaplayın, ardından tam logonun görünür sınırlarından dışarı doğru ölçün. Seçilen birim 10 ve logo 150 × 40 ise her yanda bir birimlik boş bölge 170 × 60 yer kaplar. Logonun kendisi 150 × 40 kalır. Güvenli alan, başka içeriğin logo çevresinde boş bırakması gereken bölgedir. Dosya içi boşluk bu alanı yerleşime taşımaya yardımcı olabilir, ancak boş çalışma alanı yalnızca bir teslim yöntemidir. Kuralı marka rehberi tanımlar. Mevcut markanın dosyalarını hazırlıyorsanız yeni kural yapmadan önce onaylı kuralını kullanın. Bu rehber özgün logo düzenini hesaplama, SVG dışa aktarma ve yeniden boyutlandırma boyunca izler. Tek kaynağınız raster görselse önce görünür şekilleri geri kazanın; görsel vektörleştirici onaylı boş bölgeyi çıkaramaz. ## Bu logoya ait bir birim seçin Onaylı logo ölçeklendiğinde orantılı kalan ölçülebilir özellik kullanın: sembol yüksekliği, belirli harfin ölçüsü veya tüm tasarımın tanımlı oranı. Neyi ölçtüğünüzü tam adlandırın. “Biraz boşluk bırakın” gibi kuraldan veya açıklanmayan X kareden kaçının. Resmî marka rehberleri bunun evrensel oran yerine tasarım politikası olduğunu gösterir. [University at Buffalo'nun güvenli alan rehberi](https://www.buffalo.edu/brand/identity/usage/Clear-space.html), ana marka düzeni çevresinde iç içe UB yüksekliğini kullanır; çizgisel tasarım için ayrı yönlendirme verir. [Vevo rehberi](https://brand.vevo.com/logo/clearspace/), yüksekliği 30 px üstü ve altı işaretleri ayırır, web ve tablet için bağlama özel aralık verir. Gerçek işarete ve uygulamaya ait kuralı izleyin. Özgün örneğimizde yuvarlak sembol 40 birim yüksektir. X'i bu yüksekliğin dörtte biri seçiyoruz: X = 10. Gereken boşluk her yanda bir X'tir. Bu, bu örnek için oluşturulmuş kuraldır; her markanın sembol yüksekliğinin %25'ini kullanması önerisi değildir. Kuralı sade yazın: “Bu yatay logo düzeninde X, daire çapının dörtte biridir. Tam düzenin her kenarının dışında en az bir X bırakın.” Uygulama boş çalışma alanını kırpsa bile metin politikayı taşır. ## Tam logo düzenini ölçüp boşluğu ekleyin Logo düzeni, birlikte kullanılan sembolün ve yazı logosunun onaylı yerleşimidir. Tam düzeni ölçün. Yalnızca daire sınırlarını kullanmak harfleri boş bölge hesabınızın dışında bırakırdı. Dairemiz ve çizilmiş üç harf x = 0 ile 150, y = 0 ile 40 arasındadır. Bu örnekte kontur, gölge veya gizli nesne yoktur. Dolayısıyla boş bölge dikdörtgeni x = -10 ile 160 ve y = -10 ile 50 arasında uzanır. ```text X = circle height / 4 = 40 / 4 = 10 zone width = artwork width + 2X = 150 + 20 = 170 zone height = artwork height + 2X = 40 + 20 = 60 ``` Tasarımda görünür kontur veya efekt varsa görünür kapsamını incelemeye dahil edin. Yalnızca geometri ölçümü boyalı sonuçtan farklı olabilir. [SVG sınırlayıcı kutu rehberi](https://perfectvector.com/tr/blog/svg-bounding-box) bu ölçüm ayrımını açıklar; burada bilinçli olarak sade dolgulu geometri kullanıyoruz. ![Aynı özgün daire ve yazı logo düzeni: sıkı sınırlar, on birimlik boş bölge kılavuzu ve iki boyutta paylı SVG](https://perfectvector.com/blog/logo-clear-space-calculation/clear-space-bounds.webp) *Dolgulu tasarım 150 × 40 birimdir. Seçilen 10 birimlik boşluk 170 × 60 çalışma alanı verir. Kılavuz belge içindir; teslim tasarımında yoktur.* ## Kuralı paylı SVG'de taşıyın [SVG viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/viewBox), iç koordinat dikdörtgenini gösterilen görünüm alanına eşler. Bu örnekte `viewBox="-10 -10 170 60"`, tasarımı taşımadan veya büyütmeden hesaplanan boşluğu içerir. Bu tam örneği `logo-padded.svg` olarak kaydedin. Yazı logosunun harfleri çizilmiş şekillerdir; yazı tipi bağımlılığı yoktur. Daire ve harf tasarımı özgün örnek çalışmadır, başka markanın onaylı dosyası değildir. ```xml ``` Sıkı sınırlı eş dosya için aynı daire ve yolları koruyarak `width="150"`, `height="40"` ve `viewBox="0 0 150 40"` kullanın. Alıcı hangisinin boşluk içerdiğini anlayacak şekilde adlandırın. Ölçü kılavuzlarını yerleştirilecek tasarımda değil, marka belgesinde veya ayrı inceleme katmanında tutun. > **Boş çalışma alanı da yerleşim kontrolü gerektirir** > > Paylı SVG görünüm alanında yer ayırır. Başka yerleşim nesnesinin bu alanı örtmesini engelleyemez veya içe aktarıcının sınırları korumasını garanti edemez. Gerçek yerleşimi yazılı kurala göre kontrol edin. ## Hedef logoyu küçültmeden dosyayı boyutlandırın Genişliğin görünür tasarımı mı, tüm paylı dosyayı mı ifade ettiğine karar verin. 170 px dosya genişliğinde örnek tasarım 150 px, boşluk 10 px genişliğindedir. 340 px dosya genişliğinde tasarım 300 px, boşluk 20 px olur. Oransal kural eşit ölçeklemede korunur. İş tanımı 300 px görünür logo istiyorsa bu paylı dosyayı 340 px genişliğe ayarlayın. Paylı dosyayı 300 px yapmak yalnızca yaklaşık 264,7 px görünür tasarım verir; çünkü 300 × 150 / 170 yaklaşık 264,7'dir. | Belirttiğiniz | Paylı görünüm genişliği | Görünür tasarım genişliği | Yan boşluk | | ------------------------ | ----------------------- | ------------------------- | ---------------- | | Temel örnek | 170 px | 150 px | 10 px | | Örneğin iki katı | 340 px | 300 px | 20 px | | Tüm dosyayı 300 px yapma | 300 px | Yaklaşık 264,7 px | Yaklaşık 17,6 px | Yöntem notu: Tam sıkı ve paylı SVG'leri Chromium'da görüntüledik. Tasarımın geometrik sınırları 150 × 40 birimdi. 170 px ve 340 px paylı genişliklerde ölçülen yatay tasarım genişlikleri 150 px ve 300 px, boşluklar 10 px ve 20 px idi. Bu, hazırlanan tarayıcı örneğini doğrular; her düzenleyicinin içe aktarma davranışını kanıtlamaz. Logo fazla küçük görünüyorsa rastgele nesneleri büyütmeden önce dosyanın çalışma alanını kontrol edin. İçe aktarmadan sonra boşluk kayboluyorsa hedefin içe aktarılan sınırlarını inceleyip yazılı X kuralından boşluğu geri yükleyin. Başka çerçevedeki geniş logo için yerleşimin eklediği boşluğu anlamak üzere [SVG en boy oranına göre sığdırmayı](https://perfectvector.com/tr/blog/svg-preserveaspectratio) kullanın. ## Logo tesliminde PerfectVector'ın yeri Markada yalnızca logonun raster kopyası varsa PerfectVector vektör şekilleri geri kazanabilir. Şekilleri aldıktan sonra tam işareti onaylı referansla karşılaştırın, istenmeyen zemin parçalarını temizleyin ve markanın belgelenmiş güvenli alan kuralını ayrı uygulayın. [Logo vektörleştirme iş akışı](https://perfectvector.com/tr/vectorize-logo), şekil geri kazanma adımını ele alır. Önce özgün vektör ana dosyayı ve marka rehberlerini isteyin. Bu dosyalar amaçlanan tasarım ve aralık kararlarını yeni izlemeden daha iyi korur. JPG'nin boş kenarı yanlışlıkla oluşmuş dışa aktarma boşluğu olabilir; marka politikasının kanıtı değildir. [Logo dosya biçimi rehberi](https://perfectvector.com/tr/blog/logo-file-formats) teslim dosyalarını seçmeye yardımcı olur; [logo vektörleştirme rehberi](https://perfectvector.com/tr/blog/how-to-vectorize-a-logo) kaynak hazırlığını ve incelemesini ele alır. Tam tasarımı, yazılı X tanımını, paylı dosya ölçülerini ve çevredeki gerçek yerleşimi kontrol ederek bitirin. Sıkı sınırlı ana dosyayla hedef yerleşim dosyasını birlikte koruyun. Diğer teslim kontrolleri [blog iş akışı kitaplığındadır](https://perfectvector.com/tr/blog). ## Sık sorulan sorular ### Logo güvenli alanı her zaman logo yüksekliğinin dörtte biri mi? Hayır. Daire yüksekliğinin dörtte biri bu özgün örnek için seçilen kuraldır. Mevcut markalar belirli uygulamalarda başka birimler, oranlar ve istisnalar tanımlayabilir. ### Güvenli alanı korumak için beyaz dikdörtgen eklemeli miyim? Boyalı dikdörtgen eklemeden SVG viewBox ile boş alan ayırabilirsiniz. Beyaz dikdörtgen renkli zeminde tasarımı değiştirir. Şeffaf paylı dosyayı hedef yerleşiminde test edin. ### Paylı SVG marka rehberini otomatik uygular mı? Hayır. Görünüm alanında boşluk taşır, ancak içe aktarıcı sınırları kırpabilir ve yerleşim nesneleri alanı örtebilir. Yazılı kural ve son yerleşim kontrolü yine gerekir. ## Kaynaklar 1. [University at Buffalo — Güvenli alan](https://www.buffalo.edu/brand/identity/usage/Clear-space.html) — İşarete dayalı birim ve uygulamaya özel istisnalar için resmî örnek. 2. [Vevo — Logo güvenli alanı](https://brand.vevo.com/logo/clearspace/) — Güvenli alan rehberinin işaret boyutuna ve dijital bağlama göre değişmesini gösterir. 3. [MDN — SVG viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/viewBox) — Örneğin boş kenarını taşımak için kullanılan koordinat dikdörtgenini açıklar. *** Özgün vektör eksikse [raster logonuzu PerfectVector ile geri kazanın](https://perfectvector.com/tr/vectorize-logo). Tam logo düzenini referansla karşılaştırıp onaylı güvenli alan kuralını uygulayın ve son yerleşimde görünür logo boyutunu kontrol edin. ## Explore - [Read the HTML article](https://perfectvector.com/tr/blog/logo-clear-space-calculation) - [Logoyu Optik Olarak Ortalayın, Ana Dosyayı Koruyun](https://perfectvector.com/tr/blog/logo-optical-centering.md) - [Dokuma Etiket Tasarımı: Küçük Boyutta Net Logo](https://perfectvector.com/tr/blog/woven-label-logo-artwork.md) - [Product facts](https://perfectvector.com/product-facts.md) - [FAQ](https://perfectvector.com/faq.md) - [Pricing and credits](https://perfectvector.com/pricing.md)