Ücretsiz araç · Kayıt gerekmez

Instagram Story Güvenli Alan Kontrolü

Bir görsel bırak, Instagram arayüzünün tasarımının tam olarak neresini kapattığını gör, sürükleyerek yeniden konumlandır ve 1080×1920 önizlemeyi indir. İstersen Figma, Canva ve Photoshop için şeffaf bir kılavuz şablonu da alabilirsin.

Story görselini buraya bırak

JPG, PNG veya WebP · en fazla 30MB · ideali 1080×1920

Tehlikeli alanlar ne anlama geliyor?

Üstteki 155px (Stories)

Instagram kullanıcı adını, profil fotoğrafını, zaman bilgisini ve kapat düğmesini buraya yerleştirir. Bu şeritteki her şeyin üstü kapanır.

Alttaki 155px (Stories)

Yanıt alanı, paylaş ve DM düğmeleri burada durur. CTA'larını ve metinlerini bu çizginin biraz üstünde tut.

Reels daha fazla alan ister

Reels'te açıklama + ses bilgisi için alttaki şerit daha kalındır, sağda da işlem çubuğu yer alır. Üstte ~250px, altta ~350px boşluk bırak.

Güvenli alan = 1080 × 1610 (Stories)

Başlıklarını, yüzleri ve önemli görselleri yeşil çerçevenin içinde ortala. Dekoratif öğeler tehlikeli alanlara taşabilir.

Bu araç ne işe yarar?

Instagram'ın Story tuvali 1080×1920'dir, ancak platform paylaştığın her Story'nin üstüne kendi arayüzünü yerleştirir. Kullanıcı adı ve kapat düğmesi üstteki 155 pikseli, yanıt çubuğu da alttaki 155 pikseli kaplar. Bu şeritlere koyduğun her şey cihazda görünmez olur. Bu araç bu şeritleri birebir ölçülerle görselinin üstüne yerleştirir; böylece paylaşmadan önce tasarımını kontrol edebilir, 1080×1920 PNG'yi ya da Figma, Canva veya Photoshop'a ekleyebileceğin şeffaf bir katmanı indirebilirsin.

Kesin ölçüler

Story tuvali1080 × 1920 px
En boy oranı9 : 16
Üst arayüz şeridi (Stories)155 px
Alt arayüz şeridi (Stories)155 px
Güvenli alan (Story)1080 × 1610 px
Üst arayüz bandı (Reels)~250 px
Alt arayüz bandı (Reels)~350 px
Sağ işlem sütunu (Reels)~120 px
Maks. dosya boyutu30 MB
Desteklenen formatlarJPG, PNG, WebP

Nasıl kullanılır?

  1. Tasarımını sürükleyip bırak (en-boy oranı fark etmez, 9:16'ya sığacak şekilde kırpılır).
  2. Aynı tasarımın her formatın arayüz bantları altında nasıl göründüğünü görmek için Story ile Reels arasında geçiş yap.
  3. Başlığın yeşil güvenli alana oturana kadar odak noktasını önizlemenin içinde sürükleyerek konumlandır.
  4. Tehlikeli bölgeleri, güvenli alan çerçevesini ve üçler kuralı ızgarasını istediğin gibi aç ya da kapat.
  5. İnceleme için katmanı üzerine işlenmiş bir PNG, paylaşıma hazır temiz bir 1080×1920 PNG ya da Figma/Canva/Photoshop için kılavuz katmanı olarak şeffaf bir PNG indir.

Paylaşmadan önce kontrol listesi

  • Başlık tamamen yeşil güvenli alanın içinde ve üst ya da alt banda değmiyor.
  • CTA butonu alt kenardan en az 220px yukarıda, böylece Reels'te de görünür kalıyor.
  • Yüzler ve ana ürün görselleri üstteki 155px'ten uzak, böylece kullanıcı adı üzerlerine binmiyor.
  • Kontrast, üstteki beyaz Instagram arayüz öğelerine karşı yeterli.
  • Gerçek bir telefonda kontrol edildi, çünkü masaüstü tarayıcı önizlemeleri yanıltıcı olabilir.

Katman kontrolü yerine net ölçüler ve otomatik boyutlandırma mı lazım? Instagram Story Boyutu rehberi. Çok slide'lı bir post mu tasarlıyorsun? Instagram Carousel Boyutu aracı.

Carousel MakerBu aracı geliştiren ekipten

Sadece güvenli alanı değil, Story'nin kendisini tasarla

Bu araç tasarımının Instagram arayüzüne uyup uymadığını kontrol eder. Carousel Maker ise tasarımın kendisini oluşturur: yapay zekayla üretilen düzenler, profesyonel şablonlar ve tek tıkla 1080×1920 dışa aktaran sürükle-bırak editör.

Carousel Maker'ı aç→

Sıkça sorulan sorular

Instagram Story güvenli alanı nedir?+
1080×1920 Story tuvalinin ortasındaki 1080×1610'luk dikdörtgendir. Instagram üstteki 155px'i (kullanıcı adı, kapatma butonu) ve alttaki 155px'i (yanıt çubuğu) kendi arayüzüyle kaplar; bu orta bandın dışında kalan her metin ya da CTA görünmez olur.
155px değerleri kesin mi?+
Bunlar son birkaç yıldır Instagram arayüz güncellemelerinde değişmeyen, pratikte gözlemlenmiş değerlerdir. Meta resmi bir ölçü yayınlamıyor ve yeni özellikler geldiğinde (bağlantı çıkartmaları, yayın kanalları) bant birkaç piksel kayabiliyor. 155/155 sınırları içinde tasarlarsan olağan arayüz değişikliklerinde de güvende kalırsın.
Reels'in Story'den farkı ne?+
Tuval aynı 9:16, ama arayüz bantları daha geniş. Reels; açıklama, ses bilgisi ve sağdaki işlem sütunu (~120px) için üstte yaklaşık 250px, altta 350px ayırır. İkisinde birden paylaşacaksan Reels sınırlarına göre tasarla.
Tasarımım Figma'da iyi görünüyor ama Instagram'da neden kesiliyor?+
Figma çerçevelerinde Instagram arayüzü yer almaz. Tasarım aracında tuval 1080×1920'nin tamamıdır, ama cihazda görünen güvenli alan yalnızca 1080×1610'dur. Bu araç gerçek arayüz bantlarını üzerine yerleştirir, böylece paylaşmadan önce kontrol edebilirsin.
Bu araç görselimi bir sunucuya yüklüyor mu?+
Hayır. Her şey canvas API ile tarayıcında çalışır. Görselin hiçbir zaman sunucuya gönderilmez, saklanmaz ya da kaydedilmez.
Hangi dosya formatları ve boyutları destekleniyor?+
30MB'a kadar JPG, PNG ve WebP. Araç her zaman tam 1080×1920 boyutunda PNG olarak dışa aktarır.