Banner promosi adalah gambar memanjang ke samping yang dipasang di tempat orang lewat: bagian atas toko online, sampul halaman media sosial, slot iklan di situs lain, atau spanduk di depan toko. Karena bentuknya pendek dan lebar, banner hanya punya ruang untuk satu pesan. Banner yang berhasil memilih satu promo, satu gambar, dan satu ajakan, lalu menaruh semuanya di area yang tidak akan terpotong.
Artikel ini membahas beda banner dan poster, ukuran banner per platform dari halaman bantuan resminya, cara mengatur area aman, dan uji nyata membuat satu latar dengan AI lalu memakainya untuk dua ukuran banner sekaligus. Semua teks di banner uji kami ketik sendiri, karena AI gambar masih sering merusak huruf. Di bagian akhir ada catatan untuk spanduk cetak dan daftar kesalahan yang paling sering terjadi.
Banner promosi dan poster: apa bedanya
Poster dan banner sama-sama iklan bergambar, tetapi cara orang melihatnya berbeda. Poster berorientasi tegak dan dibaca dari atas ke bawah, biasanya saat orang berhenti sebentar di depan dinding toko atau saat menggulir feed. Banner memanjang ke samping dan sering dilihat sekilas: di bagian atas halaman toko, di sampul profil, di sela artikel situs lain, atau di pinggir jalan dari atas motor.
Akibatnya, isi banner harus lebih sedikit daripada poster. Poster masih punya ruang untuk tiga keunggulan dan kontak. Banner yang baik biasanya hanya memuat judul promo, satu gambar produk, dan satu ajakan pendek. Sisanya diserahkan ke halaman yang dituju setelah orang mengklik atau datang ke toko. Panduan menyusun poster tegak kami bahas terpisah di artikel poster iklan produk.
| Aspek | Banner promosi | Poster iklan produk |
|---|---|---|
| Bentuk | Memanjang ke samping (horizontal) | Tegak (vertikal) |
| Tempat umum | Header toko online, sampul media sosial, iklan display, spanduk | Feed media sosial, dinding toko, kiriman chat |
| Waktu dilihat | Sekilas, sambil lalu | Beberapa detik, saat berhenti |
| Isi ideal | Satu judul promo, satu gambar, satu ajakan | Judul, gambar, sampai tiga keunggulan, harga, kontak |
| Risiko terbesar | Teks terpotong di layar tertentu | Terlalu banyak teks |
Ukuran banner per platform
Setiap platform punya ukuran dan cara memotong gambar sendiri, dan angkanya sesekali berubah. Karena itu kami hanya mencantumkan angka yang benar-benar tertulis di halaman bantuan resmi saat artikel ini ditulis. Untuk platform yang tidak menerbitkan angka di halaman publik, ikuti panduan yang muncul di editornya.
| Platform dan tempat | Ukuran | Catatan dari sumber resmi |
|---|---|---|
| Header profil X | 1500 x 500 px | Pusat Bantuan X: sekitar 60 piksel di atas dan bawah bisa terpotong, tergantung ukuran layar dan browser |
| Sampul Halaman Facebook | 851 x 315 px | Pusat Bantuan Facebook: minimal 400 x 150 piksel; dimuat paling cepat sebagai JPG sRGB 851 x 315 piksel di bawah 100 KB; tampilan di HP berbeda dari komputer |
| Iklan Display responsif Google, horizontal | 1200 x 628 px (1,91:1) | Bantuan Google Ads: minimal 600 x 314 piksel; tersedia juga persegi 1200 x 1200 piksel |
| Iklan Meta di Kabar | Rasio 1:1 atau 4:5 | Pusat Bantuan Bisnis Meta: rasio horizontal 1,91:1 dan 16:9 juga tersedia untuk penempatan tertentu |
| Dekorasi toko marketplace | Ikuti editor | Ukuran komponen banner di editor dekorasi toko bisa berbeda per jenis komponen; cek panduan ukuran di editor sebelum mendesain |
Untuk banner di dalam toko marketplace, kami sengaja tidak menulis angka. Halaman edukasi penjual yang memuat ukurannya tidak bisa kami temukan dalam bentuk publik, sementara angka yang beredar di blog pihak ketiga saling berbeda. Cara paling aman adalah membuka editor dekorasi toko, membaca ukuran yang diminta untuk komponen yang kamu pilih, lalu membuat kanvas dengan ukuran itu. Untuk foto produk di galeri marketplace, angka resminya sudah kami rangkum di ukuran foto produk Shopee.
Area aman: tempat teks tidak terpotong
Banner jarang tampil persis seperti file aslinya. Header X bisa kehilangan bagian atas dan bawah di layar tertentu, sampul Facebook tampil dengan rasio berbeda di HP, dan iklan display responsif bisa dipotong ke beberapa bentuk. Karena itu, teks penting harus ditaruh di area aman: bagian tengah banner yang hampir selalu terlihat, jauh dari keempat tepi.
- Buat kanvas sesuai ukuran resmi. Misalnya 1500 x 500 piksel untuk header X.
- Tandai pita yang bisa terpotong. Untuk header X, beri garis bantu 60 piksel dari atas dan bawah. Untuk platform lain yang tidak menyebut angka, sisakan margin yang lega di semua sisi.
- Taruh judul dan ajakan di tengah area aman. Produk boleh menyentuh tepi, teks jangan.
- Perhatikan elemen yang menimpa banner. Foto profil dan tombol sering menutupi sebagian sampul. Lihat pratinjau di HP dan komputer sebelum menyimpan.
- Uji di ukuran kecil. Banner di HP bisa hanya selebar jempol. Kalau judul tidak terbaca di ukuran itu, kurangi kata atau perbesar huruf.
Prinsip ini sama dengan thumbnail produk yang harus terbaca dalam satu detik, seperti dibahas di artikel thumbnail produk marketplace. Bedanya, banner lebih lebar, jadi godaan menambah teks lebih besar. Tahan godaan itu.
Uji nyata: satu latar AI untuk dua ukuran banner
Penjual biasanya butuh banner yang sama dalam beberapa ukuran. Membuat gambar baru untuk tiap ukuran memakan waktu dan bisa membuat produk tampak berbeda. Kami menguji alur yang lebih hemat: satu latar lebar dibuat dengan AI, dengan produk di sepertiga kanan dan ruang kosong di kiri, lalu latar yang sama dipotong ke dua ukuran banner. Teks promo diketik sendiri di atasnya.
Produknya generik: tiga mug keramik polos warna pastel tanpa merek, untuk toko rekaan. Prompt di bawah ditulis persis seperti yang dikirim ke Google Flow dengan model Nano Banana Pro.
Hasil mentah AI, 16:9 tanpa teks
Dipotong ke 1500 x 500 px, teks diketik manualGenerate exactly one 16:9 horizontal image with Nano Banana Pro. Do not ask follow-up questions and do not make a video. Image prompt: Wide horizontal 16:9 promotional banner background photo, no text. Three plain unbranded ceramic mugs in pastel mint, cream, and dusty pink stand on a light wooden shelf in the right third of the frame, with a small green plant. The left two thirds of the frame is a clean, smooth, empty pastel peach wall with soft light, kept completely empty for adding headline text later. Bright, airy, soft shadows, sharp focus on the mugs. Absolutely no text, no letters, no numbers, no logo, no pattern on the mugs, no watermark.
Alur ini punya dua keuntungan. Produk terlihat sama di semua ukuran, karena berasal dari satu gambar. Teks promo juga bisa diganti kapan saja tanpa membuat gambar baru, misalnya saat promo berakhir. Kalau ingin produk asli di banner, mulailah dari foto produkmu sendiri dengan latar polos, lalu minta AI melebarkan atau mengganti latarnya saja, seperti uji di artikel background foto produk. Cara memotong produk dari latar lamanya ada di hapus background foto produk.
Produk di uji ini rekaan, jadi bebas dari aturan kecocokan barang. Untuk banner jualan sungguhan, mug, warna, dan jumlah barang di gambar harus sama dengan yang ditawarkan. Banner yang menampilkan tiga mug padahal promonya untuk satu mug termasuk gambaran yang menyesatkan.
Prompt latar banner yang bisa disalin
Prompt latar banner yang baik selalu menyebut letak ruang kosong. Tanpa itu, AI cenderung menaruh produk di tengah, dan teks terpaksa menimpa produk. Minta juga rasio lebar sejak awal, lalu potong sesuai ukuran platform. Struktur prompt yang lebih lengkap ada di artikel prompt AI bahasa Indonesia untuk produk. Ganti bagian dalam kurung siku sesuai produkmu.
- Produk di kanan, teks di kiri:
Foto latar banner promosi horizontal 16:9 tanpa teks. [Produk] tanpa merek di sepertiga kanan bingkai, di atas [permukaan]. Dua pertiga kiri berupa dinding polos [warna] yang bersih dan kosong untuk judul. Cahaya terang dan lembut, fokus tajam pada produk. Tanpa teks, huruf, angka, logo, pola pada produk, atau watermark. - Produk di tengah bawah, teks di atas:
Foto latar banner horizontal 16:9 tanpa teks. [Produk] di tengah bawah bingkai, di atas [permukaan], latar gradasi [warna] yang halus. Setengah bagian atas kosong untuk judul. Tanpa teks, huruf, angka, logo, atau watermark. - Tema promo musiman:
Foto latar banner horizontal 16:9 tanpa teks. [Produk] di sisi kanan, dengan sedikit hiasan [tema] di tepi kanan bingkai. Sisi kiri polos [warna merek] untuk teks promo. Tanpa teks, huruf, angka, logo, atau watermark.
Untuk promo musiman seperti Ramadhan, siapkan latar banner bersamaan dengan poster dan konten lain agar seragam; kalendernya ada di artikel konten Ramadhan. Kalau kamu membuat banyak variasi dengan alat berbayar, perkirakan dulu biayanya dengan panduan biaya kredit AI.
Banner cetak dan spanduk di depan toko
Di dunia cetak, banner promosi biasanya berupa spanduk atau baliho: kain atau bahan vinyl memanjang yang dipasang di pagar, tiang, atau depan toko. Ukurannya bebas mengikuti tempat pasang, dan jasa cetak biasanya menghitung harga per meter persegi. Yang tidak berubah adalah aturan membacanya: orang melihat spanduk dari jauh, sering sambil berjalan atau berkendara, jadi hurufnya harus besar dan kalimatnya pendek.
Spanduk juga jarang tampil sendirian. Di jalan yang ramai toko, banner promosimu bersaing dengan puluhan papan nama dan baliho lain. Foto di bawah memperlihatkan situasi yang umum di kota-kota Indonesia: papan berwarna-warni berjejer di kedua sisi jalan. Yang paling mudah dikenali justru papan dengan sedikit kata dan warna yang kontras.
Untuk spanduk cetak, latar dari AI biasanya kurang besar untuk dicetak berukuran beberapa meter. Pakai AI untuk mencoba konsep warna dan tata letak di layar, lalu minta jasa cetak atau desainer menyiapkan file final dengan resolusi yang mereka minta. Sebelum memasang di tempat umum, tanyakan juga aturan pemasangan reklame di lingkunganmu, karena tiap daerah punya ketentuan sendiri.
Kesalahan yang sering terjadi
Sebagian besar banner yang tidak efektif gagal karena kesalahan yang sama. Periksa daftar ini sebelum mengunggah atau mencetak:
- Teks di tepi banner. Teks yang terlalu dekat ke tepi berisiko terpotong. Taruh di area aman.
- Memakai satu file untuk semua platform tanpa dipotong ulang. Banner 3:1 yang diunggah ke slot 1,91:1 akan terpotong atau menyisakan ruang kosong.
- Terlalu banyak pesan. Diskon, ongkir, produk baru, dan nomor WhatsApp dalam satu banner membuat semuanya tidak terbaca. Pilih satu.
- Huruf buatan AI. AI gambar sering merusak huruf dan angka. Ketik teks sendiri di editor.
- Kontras rendah. Teks putih di atas latar pastel terang sulit dibaca. Pakai teks gelap atau beri kotak warna di belakangnya.
- Produk di banner berbeda dengan yang dijual. Warna, jumlah, dan model harus sama dengan penawaran.
- Lupa mengganti banner setelah promo selesai. Banner promo yang kedaluwarsa memberi kesan toko tidak terurus.
Banner yang sudah jadi bisa dilengkapi poster tegak, caption, dan video pendek dengan latar yang sama agar kampanye terlihat seragam. Rumus caption ada di artikel caption jualan, dan cara mengubah gambar promosi menjadi video ada di video iklan AI. Untuk membandingkan alat pembuat gambar gratis dengan prompt yang sama, lihat AI generator gambar gratis.
Pertanyaan yang sering muncul
Apa itu banner promosi?
Banner promosi adalah gambar iklan berbentuk memanjang ke samping yang dipasang di header toko online, sampul halaman media sosial, slot iklan display, atau sebagai spanduk di depan toko. Karena dilihat sekilas, banner sebaiknya hanya memuat satu judul promo, satu gambar, dan satu ajakan.
Berapa ukuran banner untuk header X?
Pusat Bantuan X menyarankan 1500 x 500 piksel untuk gambar header, dan menyebut sekitar 60 piksel di bagian atas dan bawah bisa terpotong tergantung ukuran layar dan browser. Jadi taruh teks penting di tengah.
Berapa ukuran sampul Halaman Facebook?
Pusat Bantuan Facebook menyebut foto sampul Halaman minimal 400 x 150 piksel, dan dimuat paling cepat sebagai file JPG sRGB berukuran 851 x 315 piksel di bawah 100 kilobyte. Tampilan di HP berbeda dari komputer, jadi periksa pratinjau keduanya.
Berapa ukuran banner iklan Display Google?
Untuk iklan Display responsif, Bantuan Google Ads menyarankan gambar horizontal 1,91:1 berukuran 1200 x 628 piksel dengan ukuran minimum 600 x 314 piksel, serta gambar persegi 1200 x 1200 piksel.
Berapa ukuran banner toko di marketplace?
Ukuran komponen banner di editor dekorasi toko bisa berbeda per jenis komponen, dan angka yang beredar di blog pihak ketiga saling berbeda. Buka editor dekorasi toko, baca ukuran yang diminta untuk komponen yang dipilih, lalu buat kanvas dengan ukuran itu.
Apa beda banner dan poster?
Banner memanjang ke samping dan dilihat sekilas, cocok untuk header, sampul, iklan display, dan spanduk. Poster tegak dan dibaca dari atas ke bawah, cocok untuk feed media sosial dan dinding toko, dengan ruang untuk lebih banyak informasi.
Apakah AI bisa membuat banner promosi lengkap dengan teks?
AI bisa membuat latar banner yang bagus, tetapi teks di dalam gambar masih sering rusak. Alur yang lebih aman adalah meminta latar dengan ruang kosong untuk teks, lalu mengetik judul promo dan ajakan sendiri di editor, sehingga teks bisa diganti kapan saja.
Apa itu area aman pada banner?
Area aman adalah bagian tengah banner yang hampir selalu terlihat di semua layar. Teks dan logo penting ditaruh di sana, jauh dari tepi, karena platform sering memotong atau menimpa bagian pinggir banner dengan foto profil dan tombol.