Panduan Pembuatan (Detail)
Gambar yang Diperlukan & Poin Pembuatan
Sebelum Anda melakukan update, gambar awal LINE atau gambar saat ini digunakan akan diterapkan, dan Anda masih dapat melanjutkan penjualan tema tersebut.
Silakan buat gambar mengikuti panduan.
Catatan: Panduan pembuatan akan diupdate jika ada pengumuman tentang spesifikasi terkait "tema" di LINE versi terbaru.
- A Gambar Utama
- B. Gambar Tombol Menu
- C. Gambar Latar Menu
- D. Gambar Kode Sandi
- E. Gambar Profil
- F. Gambar Latar Ruang Obrolan
A Gambar Utama
Gambar utama yang ditampilkan di LINE STORE dan Toko Tema di LINE.
Poin Pembuatan
Bagian latar tidak dapat dijadikan transparan. Silakan buat dalam bentuk non-transparan.
Gambar utama yang diperlukan: 3 buah
| iOS | Android | LINE STORE | |
|---|---|---|---|
| Jumlah yang Diperlukan | 1 bh | 1 bh | 1 bh |
| Ukuran | W 200 × H 284 | W 136 × H 202 | W 198 × H 278 |
| Nama Berkas | ios_thumbnail.png | android_thumbnail.png | store_thumbnail.png |
B. Gambar Tombol Menu
Tentang Dukungan untuk iOS 26 ke Atas
Ikon baru untuk iOS 26 diperlukan saat pengajuan peninjauan. Harap siapkan gambar tambahan sesuai dengan Panduan Pembuatan. Jika gambar tambahan belum didukung, ikon default iOS akan ditampilkan. *Ikon untuk iOS 26 akan diterapkan setelah Agustus 2026.
Siapkan gambar untuk menu berikut.
*Tampilan menu dapat berbeda, tergantung dari negara yang terdaftar di akun.
Beranda
Obrolan
Belanja
News
Apps
Beranda
Obrolan
Voom
TODAY
Wallet
Buat ikon untuk 2 pola: saat opsi tidak dipilih (Mati) dan dipilih (Nyala).
Harap perhatikan keseimbangan atas-bawah dan kanan-kiri saat membuat gambar.
Mati
Nyala
Badge Ikon Pemberitahuan pada Gambar Tombol Menu
Badge ikon pemberitahuan dengan angka atau tanda "N" akan ditampilkan pada gambar tombol menu Anda. Harap diingat pada saat mendesain gambar tombol, bahwa lokasi badge ikon tidak dapat diubah. Catatan: Tampilan badge ikon secara otomatis dikontrol oleh aplikasi LINE dan tidak membutuhkan gambar tambahan apapun dari kreator. Badge ikon akan muncul pada gambar tombol menu di setiap tab.
Ukuran Badge Ikon : W 32 x H 32 piksel
Badge ikon akan ditampilkan pada sudut kanan dari gambar tombol menu Anda dengan margin sebagai berikut.
iOS 26 ke atas: ditempatkan di kanan atas area gambar
Tampilan pada Mode Lanskap
Untuk mode lanskap (perangkat dalam posisi horizontal), harap berhati-hati saat membuat gambar termasuk ikon badge, karena area gambar dan teks mungkin tumpang tindih di lokasi tertentu.
Gambar yang Diperlukan
| Jumlah yang Diperlukan | Gambar Tombol Menu | Ukuran | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Tipe |  Beranda |
 Obrolan |
 Voom |
 Belanja |
 Panggilan |
 News |
 TODAY |
 Wallet |
 Apps |
||
| 18 buah | Mati |  i_29_g.png |
 i_03_g.png |
 i_33_g.png |
i_35_g.png |
 i_07_g.png |
i_25_g.png |
i_31_g.png |
 i_27_g.png |
i_37_g.png |
W 80 x H 56 piksel |
| Nyala |  i_30_g.png |
 i_04_g.png |
 i_34_g.png |
i_36_g.png |
 i_08_g.png |
i_26_g.png |
i_32_g.png |
 i_28_g.png |
i_38_g.png |
||
Tentang Penurunan Visibilitas saat Ikon dan Latar Belakang Menyatu
Desain iOS 26 memiliki spesifikasi yang membuat area menu mudah terpengaruh oleh latar belakang (foto dan warna). Oleh karena itu,
harap periksa apakah desain ikon terlihat dengan baik pada latar belakang putih atau hitam.
Cara Mengecek pada Latar Putih
Cara Mengecek pada Latar Hitam
Poin Pembuatan
Pada desain iOS 26, terdapat kasus yang membuat Anda harus mempertimbangkan korelasi dengan latar belakang transparan saat membuat desain ikon.
Representasi Bust Up
Karena perubahan area, ada kemungkinan representasi bust up terpotong, sehingga perlu penyesuaian pemangkasan.
Representasi Tanpa Outline
Karena ada kemungkinan gambar menyatu dengan latar, mohon pertimbangkan penggunaan outline dan penyesuaian warna.
Representasi Transparan (Tanpa Warna)
Karena ada kemungkinan gambar menyatu dengan latar, pertimbangkan untuk menambahkan latar belakang pada desain jika diperlukan.
Siapkan gambar untuk menu berikut:
*Tampilan menu dapat berbeda, tergantung dari negara yang terdaftar di akun.
Beranda
Obrolan
Belanja
News
Apps
Beranda
Obrolan
Voom
TODAY
Wallet
Perlu 2 pola yaitu sebelum dipilih (Mati) dan sesudah dipilih (Nyala)
Harus ada margin sekitar 10px antara gambar yang dipangkas dan konten di sekelilingnya. Harap pertimbangkan keseimbangan stiker saat membuat desain Anda.
Mati
Nyala
Badge pemberitahuan pada gambar tombol menu
Badge ikon pemberitahuan dengan angka atau tanda "N" akan ditampilkan pada gambar tombol menu Anda.
Harap diingat pada saat mendesain gambar tombol, bahwa lokasi badge tidak dapat diubah.
Catatan: Tampilan badge ikon secara otomatis dikontrol oleh aplikasi LINE dan tidak membutuhkan gambar tambahan apapun dari kreator.
Badge akan muncul pada gambar tombol menu di setiap tab.
Ukuran Ikon : 33 × 33
Ikon akan ditampilkan pada sudut kanan atas dari gambar tombol menu Anda dengan margin sebagai berikut.
-Atas: 49 piksel
-Kanan: 21 piksel
Gambar yang Diperlukan
| Jumlah yang Diperlukan | Gambar Tombol Menu | Ukuran | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Tipe | Beranda |
Obrolan |
Voom |
Belanja |
Panggilan |
News |
TODAY |
Wallet |
Apps |
||
| 18 buah | Mati |  i_29.png |
 i_03.png |
 i_33.png |
i_35.png |
 i_07.png |
 i_25.png |
 i_31.png |
 i_27.png |
i_37.png |
W 128 × H 150 |
| Nyala |  i_30.png |
 i_04.png |
 i_34.png |
i_36.png |
 i_08.png |
 i_26.png |
 1_32.png |
 i_28.png |
i_38.png |
||
C. Gambar Latar Menu
Anda dapat memilih untuk membuat atau tidak gambar latar menu. Jika Anda memilih untuk tidak membuat gambar, warna latar atau warna gambar latar yang telah dipilih akan diterapkan.
Gambar untuk latar menu ditampilkan rata kiri.
Poin Pembuatan
Atur tinggi gambar dalam rentang 100 s.d. 150 piksel. Gambar latar dengan tinggi 0 s.d. 100 piksel tidak dapat dijadikan transparan (gambar dengan tinggi 101 s.d. 150 piksel dapat dibuat transparan).
Gambar di bawah ini berukuran 130 piksel pada bagian ilustrasi, dan 20 piksel pada bagian transparan.
Siapkan gambar dengan benar agar pengulangan gambar tampak rapi.
*Jika Anda membuat latar transparan, bagian transparan mungkin ditampilkan dengan warna hitam. Selalu cek tema Anda di layar pratinjau sebelum Anda mengirimnya.
Bagian Ilustrasi 130 Bagian Transparan 20Bagian PengulanganTinggi 150 piksel
Gambar yang Diperlukan
| Jumlah yang Diperlukan | Gambar Latar Menu | Nama Berkas | Ukuran |
|---|---|---|---|
| 1 buah (opsional) |  |
i_11.png | W 1472 x H 150 |
D. Gambar Kode Sandi
Gambar yang digunakan jika kode sandi diatur.
Perlu 2 pola yaitu sebelum dipilih (Mati) dan sesudah dipilih (Nyala)
Poin Pembuatan
Ada cara untuk menampilkan 4 digit dengan 1 macam gambar atau dengan 4 macam gambar.
Tampilan dengan 1 macam gambar
Tampilan dengan 4 macam gambar
Gambar yang Diperlukan
| Jumlah yang Diperlukan | Gambar Digit Kode Sandi | Tipe | iOS | Android | ||||
|---|---|---|---|---|---|---|---|---|
| Gambar | Nama Berkas | Ukuran | Gambar | Nama Berkas | Ukuran | |||
| 16 bh | 1 | Mati |  |
i_12.png | W 120 × H 120 |  |
a_12.png | W116 × H 116 |
| Nyala |  |
i_13.png |  |
a_13.png | ||||
| 2 | Mati |  |
i_14.png |  |
a_14.png | |||
| Nyala |  |
i_15.png |  |
a_15.png | ||||
| 3 | Mati |  |
i_16.png |  |
a_16.png | |||
| Nyala |  |
i_17.png |  |
a_17.png | ||||
| 4 | Mati |  |
i_18.png |  |
a_18.png | |||
| Nyala |  |
i_19.png |  |
a_19.png | ||||
E. Gambar Profil
Gambar ini akan ditampilkan jika gambar profil baik untuk individu atau grup, tidak diatur.
Poin Pembuatan
Gambar profil ditampilkan bulat, namun jika gambar profil diketuk, gambar akan ditampilkan dalam bentuk segiempat. Oleh karena itu, pastikan bagian sisi luar gambar profil juga tampak rapi.
Gambar Profil (Individu)
Gambar Profil (Grup)
Gambar yang Diperlukan
| Nama | Jumlah yang Diperlukan | iOS | Android | ||||
|---|---|---|---|---|---|---|---|
| Gambar | Nama Berkas | Ukuran | Gambar | Nama Berkas | Ukuran | ||
| Gambar Profil (Individu) |
2 bh |  |
i_20.png | W 240 × H 240 |  |
a_20.png | W 247 × H 247 |
| Gambar Profil (Grup) |
2 bh |  |
i_21.png |  |
a_21.png | ||
F. Gambar Latar Ruang Obrolan
Kolom input pesan
Latar/Transparasi
Layar Ruang Obrolan
Pilih untuk membuat atau tidak gambar latar ruang obrolan. Jika Anda memilih untuk tidak membuat gambar, warna latar atau warna gambar latar yang telah dipilih akan diterapkan.
Posisi gambar rata tengah baik saat layar dalam posisi vertikal atau horizontal.
Poin Pembuatan
Ukuran gambar bebas, selama masih dalam rentang ukuran yang telah ditentukan. Kreator dapat menggunakan gambar transparan atau non-transparan.
*Warna latar akan ditampilkan sebagai dasar gambar transparan.
Ukuran maksimum dari setiap gambar adalah 1MB.
iOS
Ukuran maksimum: W 1482 x H 1334 piksel
Ukuran minimum: W 60 x 60 piksel
Posisi: Di atas kolom input pesan
*Jika perangkat berada dalam posisi vertikal, ukuran gambar adalah W640 x H1334 piksel.
Android
Ukuran maksimum: W 1300 x H 1300 piksel
Ukuran minimum: W 60 x 60 piksel
Posisi: Di bawah kolom input pesan
*Karena bagian bawah gambar akan tertimpa oleh kolom input pesan, sesuaikan gambar yang dibuat dengan tinggi kolom input pesan.
Gambar yang Diperlukan
| Nama | Jumlah yang Diperlukan | iOS | Android | ||||
|---|---|---|---|---|---|---|---|
| Gambar | Nama Berkas | Ukuran | Gambar | Nama Berkas | Ukuran | ||
| Gambar Latar Ruang Obrolan | 2 buah (opsional) |  |
i_22.png | W 1482 × H 1334 | |
a_22.png | W 1300 × H 1300 |
Warna Gambar Latar Ruang Obrolan
Jika Anda menggunakan gambar latar untuk ruang obrolan, gambar tersebut mungkin tidak akan pas di beberapa layar perangkat. Sisa ruang yang tidak terisi oleh gambar latar akan diisi oleh warna latar secara otomatis. berikut cara yang dapat dilakukan untuk mencegah ketidaksesuaian antara gambar latar dan warna latar.
• Sesuaikan warna gambar latar ruang obrolan dengan warna latar
• Buat gambar latar ruang obrolan dengan warna yang sesuai dengan dengan warna latar
•Buat gambar latar transparan sehingga gambar latar akan menyatu dengan warna latar atau warna gambar latar yang dipilih.
| Gambar Tidak Pas dengan Layar | Atur Warna Gambar Latar | Sesuaikan dengan Warna Latar | Buat Gambar Latar Transparan |
|---|---|---|---|
Warna Latar Gambar Latar Ruang Obrolan |
 |
 |
 |
Bagian atas gambar tidak pas dengan layar, dan warna latar terlihat |
Sesuaikan warna gambar latar ruang obrolan dengan warna latar. |
Buat gambar latar ruang obrolan untuk disesuaikan warna latar ruang obrolan dengan warna latar. |
Buat gambar latar transparan agar dapat menyatu dengan warna latar dan warna gambar latar. |
