Alat gratis · Tanpa daftar

Cek Safe Zone Story Instagram

Masukkan gambar, lihat persis bagian desain yang ketutup UI Instagram, geser untuk atur posisi, lalu download preview 1080×1920 — atau template overlay transparan untuk Figma, Canva, dan Photoshop.

Taruh gambar story kamu di sini

JPG, PNG, atau WebP · maks. 30MB · idealnya 1080×1920

Arti danger zone

155px atas (Stories)

Di sini Instagram menaruh username, foto profil, waktu posting, dan tombol tutup. Apa pun di area ini bakal ketutup.

155px bawah (Stories)

Kolom balasan, tombol share, dan DM ada di sini. Taruh CTA dan teksmu agak di atas garis ini.

Reels butuh ruang lebih

Reels punya area bawah lebih tebal untuk caption + info audio, plus action bar di sisi kanan. Siapkan ~250px di atas dan ~350px di bawah.

Area aman = 1080 × 1610 (Stories)

Taruh judul, wajah, dan visual utama di dalam garis hijau. Elemen dekoratif boleh masuk ke danger zone.

Fungsi alat ini

Kanvas Story Instagram berukuran 1080×1920, tapi Instagram menumpuk UI-nya sendiri di atas setiap Story yang kamu posting. Username dan tombol tutup menutupi 155 piksel bagian atas; kolom balasan menutupi 155 piksel bagian bawah. Apa pun yang kamu taruh di area itu bakal ketutup di HP. Alat ini menampilkan area tersebut persis di atas gambarmu, jadi kamu bisa cek desain sebelum posting, lalu download PNG 1080×1920 atau overlay transparan untuk dipakai di Figma, Canva, atau Photoshop.

Spesifikasi lengkap

Kanvas Story1080 × 1920 px
Rasio aspek9 : 16
Area UI atas (Stories)155 px
Area UI bawah (Stories)155 px
Area aman (Stories)1080 × 1610 px
Pita UI atas (Reels)~250 px
Pita UI bawah (Reels)~350 px
Kolom tombol kanan (Reels)~120 px
Ukuran file maksimal30 MB
Format yang didukungJPG, PNG, WebP

Cara pakainya

  1. Upload desainmu (rasio apa pun — otomatis di-cover-fit ke 9:16).
  2. Ganti antara Stories dan Reels untuk lihat bagaimana desain yang sama tampil di bawah pita UI masing-masing format.
  3. Geser di dalam preview untuk mengatur titik fokus sampai judulmu masuk ke area aman hijau.
  4. Nyalakan atau matikan zona bahaya, garis area aman, dan grid rule of thirds sesukamu.
  5. Download PNG gabungan (overlay ikut tercetak untuk review), PNG bersih 1080×1920 (siap posting), atau PNG overlay transparan (layer panduan untuk Figma/Canva/Photoshop).

Checklist sebelum posting

  • Judul sepenuhnya ada di dalam area aman hijau, tidak menyentuh pita atas atau bawah.
  • Tombol CTA minimal 220px di atas tepi bawah, jadi tetap aman di Reels juga.
  • Wajah dan foto utama produk menghindari 155px teratas, jadi tidak tertutup username.
  • Kontras tetap jelas di depan elemen UI putih Instagram di bagian atas.
  • Sudah dicek di HP asli — preview di browser desktop bisa menipu.

Butuh angka spesifikasi dan auto-resize, bukan cek overlay? Cek panduan ukuran Instagram Story. Mau bikin post multi-slide? Pakai alat ukuran carousel Instagram.

Carousel MakerDari pembuat tool ini

Bikin Story-nya, bukan cuma cek zona aman

Alat ini memastikan desainmu pas dengan UI Instagram. Carousel Maker yang bikin desainnya — layout dari AI, template profesional, dan editor drag-and-drop yang export ke 1080×1920 dalam satu klik.

Buka Carousel Maker→

Pertanyaan yang sering diajukan

Apa itu safe zone Instagram Story?+
Persegi panjang 1080×1610 di tengah kanvas Story 1080×1920. Instagram menutup 155px teratas (username, tombol tutup) dan 155px terbawah (kolom balasan) dengan UI-nya, jadi teks atau CTA di luar area tengah itu bakal tertutup.
Apakah angka 155px itu pasti?+
Ini angka praktis hasil pengamatan yang konsisten di berbagai update UI Instagram beberapa tahun terakhir. Meta tidak merilis spesifikasi resmi, dan pitanya bisa bergeser beberapa piksel saat ada fitur baru (stiker link, broadcast channel). Desain di dalam 155/155 tetap aman dari perubahan UI biasa.
Apa bedanya Reels dengan Stories?+
Kanvas 9:16 yang sama, tapi pita UI-nya lebih tebal. Reels memakai sekitar 250px di atas dan 350px di bawah untuk caption, info audio, dan kolom tombol di kanan (~120px). Mau posting di keduanya? Desain mengikuti batasan Reels.
Kenapa desainku bagus di Figma tapi terpotong di Instagram?+
Frame Figma tidak menyertakan UI Instagram. Kanvas di alat desainmu penuh 1080×1920, tapi area aman yang terlihat di HP cuma 1080×1610. Alat ini menampilkan pita UI aslinya, jadi kamu bisa cek sebelum posting.
Apakah alat ini meng-upload gambarku ke server?+
Tidak. Semuanya berjalan di browser kamu lewat canvas API. Gambarmu tidak pernah dikirim ke server, disimpan, atau dicatat.
Format dan ukuran file apa saja yang didukung?+
JPG, PNG, dan WebP sampai 30MB. Hasil export selalu PNG dengan ukuran persis 1080×1920.