EN BM 中文

VibeFlow

Menukar pengakuan teks kepada imej Instagram yang boleh dibaca oleh orang ramai

Instagram dibina untuk gambar, dan pengakuan adalah teks. Cara mereka bentuk templat imej yang kekal boleh dibaca pada telefon — dimensi, saiz jenis, kontras, siaran panjang, teks berbilang bahasa dan teks alt.

Oleh pasukan VibeFlow · Diterbitkan · Dikemas kini · 9 min bacaan

Also in: Bahasa Melayu · 简体中文 · 繁體中文

Jawapan ringkas. Gunakan imej segi empat sama 1080 × 1080 px (atau potret 1080 × 1350 px), teks utama sekitar 44 hingga 52 px, jidar sekurang-kurangnya 80 px dan nisbah kontras 4.5 kepada 1 atau lebih baik. Bahagikan pengakuan panjang kepada karusel, dan letakkan teks penuh dalam teks alternatif dan kapsyen.

Halaman pengakuan di Facebook boleh menerbitkan satu perenggan teks dan selesai dengannya. Instagram tidak akan menerimanya: setiap siaran memerlukan imej atau video. Jadi halaman pengakuan menukar teks menjadi gambar — dan kebanyakan melakukannya dengan teruk. Taip terlalu kecil, kelabu berada di atas kecerunan, tiga baris terakhir hilang di bawah tepi bingkai, dan hasilnya tidak boleh dibaca pada peranti di mana hampir semua daripadanya dilihat.

Panduan ini merangkumi keputusan yang menjadikan imej teks mudah dibaca. Ia tidak mengandaikan latihan reka bentuk dan tiada alat tertentu.

Pilih bentuk

Suapan Instagram menyokong beberapa nisbah aspek untuk imej. Dua yang penting untuk siaran teks ialah:

Bentuk Saiz biasa Sesuai untuk
Segi empat sama, 1:1 1080 × 1080 px Siaran pendek; lalai yang telah lama wujud dan pilihan paling selamat untuk siaran silang
Potret, 4:5 1080 × 1350 px Siaran lebih panjang; menduduki lebih banyak skrin dalam suapan

Dua perkara lagi. Pertama, grid profil menunjukkan pratonton yang dipangkas bagi setiap siaran, dan Instagram telah mengubah bentuk pratonton itu dari semasa ke semasa. Pastikan semua yang penting — terutamanya baris pertama teks dan nombor siaran — berada di tengah-tengah imej, supaya pangkasan grid tidak memotongnya. Kedua, pilih satu bentuk dan kekal dengannya. Suapan yang berselang-seli antara bentuk kelihatan tidak kemas, dan templat anda perlu direka dua kali.

Instagram mengubah dimensi yang disokongnya dari semasa ke semasa. Semak halaman bantuannya sebelum anda membina templat yang akan anda gunakan selama bertahun-tahun.

Apa sahaja bentuk yang anda pilih, eksport pada lebar 1080 piksel. Fail yang lebih besar akan dikecilkan. Fail yang lebih kecil akan dibesarkan, dan teks yang dibesarkan akan menjadi kabur di tepinya.

Saiz taip untuk telefon, bukan untuk monitor anda

Ini adalah kesilapan yang merosakkan kebanyakan templat. Pada komputer riba, imej 1080 piksel dipaparkan besar, dan taip 28 piksel kelihatan sangat selesa. Pada telefon, imej yang sama ditunjukkan selebar tangan anda, dan taip yang sama adalah saiz cetakan kecil pada bungkusan ubat.

Ada dua cara untuk melakukannya dengan betul.

Peraturan umum. Pada imej selebar 1080 piksel, teks badan tidak boleh lebih kecil daripada kira-kira 40 piksel, dan 44 hingga 52 lebih selesa. Teks di bawah kira-kira 32 piksel akan menjadi sukar bagi ramai pembaca.

Ujian. Hantar imej ke telefon anda sendiri, pegang pada jarak lengan, dan bacanya. Jika anda mendapati diri anda mendekatkan telefon, taip terlalu kecil. Lakukan ini dengan setiap templat sebelum anda menggunakannya.

Taip yang lebih besar bermakna lebih sedikit perkataan untuk satu imej. Terimalah itu. Siaran yang boleh dibaca orang merentasi dua slaid adalah lebih baik daripada satu yang muat pada satu slaid dan tidak boleh dibaca.

Berikan ruang pada teks

  • Margin. Biarkan sekurang-kurangnya 80 piksel kosong di setiap sisi imej 1080 piksel. Teks yang sampai ke tepi kelihatan sempit, dan sebahagian daripadanya akan tersembunyi di belakang elemen antara muka atau hilang dalam pangkasan.
  • Panjang baris. Sasarkan kira-kira 25 hingga 40 aksara setiap baris. Baris yang lebih panjang menyukarkan mata untuk mencari permulaan baris seterusnya.
  • Jarak baris. Tetapkan antara 1.3 dan 1.5 kali saiz taip. Baris yang padat melelahkan untuk dibaca.
  • Penjajaran. Teks yang dijajarkan ke kiri lebih mudah dibaca daripada teks yang berpusat untuk apa-apa yang melebihi beberapa baris. Pemusatan sesuai untuk satu ayat pendek.
  • Perenggan. Kekalkan pemisah perenggan penghantar. Blok teks yang padat jauh lebih menakutkan daripada tiga perenggan pendek.

Kontras

Teks mesti menonjol dengan jelas daripada apa sahaja yang ada di belakangnya. Piawaian kebolehcapaian yang digunakan di seluruh web, WCAG, meminta nisbah kontras sekurang-kurangnya 4.5 kepada 1 antara teks biasa dan latar belakangnya, dan terdapat pemeriksa dalam talian percuma yang akan mengira nisbah daripada dua nilai warna.

Dalam amalan:

  • Teks gelap pada latar belakang terang, polos, atau terang pada gelap, sentiasa berfungsi. Hampir hitam pada putih pudar adalah kombinasi yang paling mudah dibaca.
  • Kecerunan adalah berisiko. Teks yang mudah dibaca pada hujung gelap kecerunan mungkin hilang pada hujung terang. Jika anda menggunakan kecerunan, semak kontras pada titik paling lemahnya, atau letakkan panel pepejal atau separa legap di belakang teks.
  • Gambar sebagai latar belakang hampir tidak pernah berfungsi tanpa lapisan kuat. Gambar yang sibuk di belakang teks menjadikan kedua-duanya lebih sukar dilihat.
  • Elakkan kelabu pertengahan dan pastel untuk teks. Ia kelihatan halus pada monitor yang ditentukur dan hilang pada telefon di bawah cahaya matahari.
  • Jangan bergantung pada warna sahaja. Teks merah pada hijau mungkin tidak kelihatan kepada pembaca buta warna.

Pilih muka taip yang merangkumi bahasa anda

Muka taip paparan hiasan mungkin kelihatan tersendiri, tetapi pengakuan adalah teks badan, dan teks badan memerlukan muka taip yang direka untuk membaca: bentuk huruf yang jelas, jarak terbuka, berat yang sekata.

Untuk halaman Malaysia terdapat keperluan tambahan, yang mudah terlepas pandang. Penghantar anda menulis dalam beberapa skrip. Muka taip yang hanya mempunyai huruf Latin akan memaparkan aksara Cina, Tamil atau Jawi sebagai kotak kosong, atau akan secara senyap-senyap bertukar kepada muka taip sandaran yang tidak berkaitan di tengah-tengah ayat. Sebelum anda memilih muka taip:

  • ujinya dengan penyerahan bahasa campuran sebenar;
  • semak bahawa teks Cina, Tamil dan skrip Arab semuanya dipaparkan, dan pada berat dan saiz yang sepadan;
  • semak bahawa emoji muncul dan tidak dipotong;
  • untuk Jawi dan Arab, semak bahawa teks berjalan dari kanan ke kiri dan huruf-huruf bersambung dengan betul — beberapa penjana imej salah dalam hal ini.

Keluarga taip sumber terbuka besar yang menawarkan reka bentuk yang sepadan merentasi banyak skrip dibuat untuk situasi ini.

Penyerahan panjang

Pengakuan 400 perkataan tidak akan muat pada satu imej pada saiz yang boleh dibaca. Pilihan, mengikut urutan keutamaan, adalah seperti berikut.

Karusel. Bahagikan teks kepada beberapa slaid. Pecahkan pada sempadan perenggan dan bukan di tengah-tengah ayat, nomborkan slaid ("2/4") supaya pembaca tahu ada lagi, dan berikan slaid pertama pembukaan yang kuat, kerana ia adalah satu-satunya yang ditunjukkan dalam suapan.

Petikan dengan teks penuh dalam kapsyen. Letakkan baris pembukaan pada imej, dan keseluruhan penyerahan dalam kapsyen. Ini berfungsi dengan baik untuk siaran yang sangat panjang dan mempunyai kelebihan bahawa kapsyen adalah teks sebenar — boleh dicari, boleh diterjemahkan, dan boleh dibaca oleh pembaca skrin.

Mengurangkan saiz taip. Hanya dalam had. Tentukan saiz minimum dan jangan sekali-kali kurang daripadanya. Setelah teks tidak lagi muat pada minimum itu, tukar kepada karusel.

Jangan pangkas penyerahan untuk menjadikannya muat tanpa menandakan bahawa anda telah melakukannya. Memotong perkataan seseorang mengubah maknanya.

Apa yang perlu ada pada setiap imej

  • Nombor siaran, cukup besar untuk dibaca, di kedudukan yang sama setiap kali. Ia adalah cara pembaca merujuk kepada siaran.
  • Nama halaman atau pemegang, kecil, supaya tangkapan skrin yang dikongsi di tempat lain masih menunjukkan dari mana ia berasal.
  • Tiada yang lain. Tiada kod QR, tiada pelekat, tiada "ikuti kami untuk lebih banyak lagi", tiada kekacauan hiasan. Penyerahan adalah kandungannya.

Konsistensi lebih penting daripada kepintaran. Pembaca harus mengenali siaran anda dalam suapan sebelum membaca satu perkataan pun.

Tulis teks alternatif dan gunakan kapsyen

Gambar teks tidak kelihatan kepada sesiapa yang menggunakan pembaca skrin melainkan anda memberikan penerangan. Instagram membolehkan anda menambah teks alternatif ke imej pada masa pengeposan, di bawah tetapan lanjutan atau kebolehcapaian, atau selepas itu dengan mengedit siaran. Teks alternatif yang betul untuk imej pengakuan hanyalah teks pengakuan.

Meletakkan teks penuh dalam kapsyen juga memberi manfaat kepada pembaca yang sama dan lain-lain: ia boleh diterjemahkan oleh aplikasi, dicari, dan disalin. Ia tidak memerlukan kos, kerana anda sudah mempunyai teks.

Banyak alat penjadualan dan penerbitan membenarkan teks alternatif ditetapkan sebagai sebahagian daripada aliran kerja. Jika anda menjana imej secara automatik, pastikan saluran paip mengisi teks alternatif daripada teks sumber yang sama dan tidak membiarkannya kosong.

Semak sebelum anda menerbitkan

Imej teks gagal dalam cara yang jelas sebaik sahaja anda melihatnya, dan tidak kelihatan jika anda tidak melihatnya. Untuk setiap siaran, atau sekurang-kurangnya untuk setiap perubahan templat:

  • lihat pada telefon, pada jarak lengan;
  • sahkan bahawa tiada apa-apa yang terpotong di bahagian bawah — kesalahan paling biasa dalam imej yang dijana ialah teks yang melimpah;
  • sahkan bahawa setiap aksara telah dipaparkan, tanpa kotak;
  • lihat slaid pertama sahaja, kerana itulah yang akan dilihat oleh kebanyakan orang;
  • lihat bagaimana ia muncul dalam grid profil.

Jika imej anda dijana secara automatik daripada penyerahan, uji penjana terhadap kes-kes ekstrem: penyerahan tiga perkataan, 600 perkataan, satu tanpa pemisah perenggan sama sekali, satu yang ditulis sepenuhnya dalam emoji, dan satu yang mencampurkan tiga skrip.

Jangan bawa apa yang tidak sepatutnya ada

Imej dihasilkan daripada penyerahan, jadi apa sahaja yang sepatutnya dikeluarkan daripada teks — nama, nombor bilik, nombor telefon — akan muncul dalam imej, dan dalam kapsyen, dan dalam teks alternatif. Sederhanakan teks terlebih dahulu dan jana imej daripada versi yang diluluskan. Jika siaran kemudian diedit atau dialih keluar pada satu platform, lakukan perkara yang sama pada yang lain. Imej Instagram mudah dilupakan apabila siaran Facebook dialih keluar. Lihat Bagaimana untuk mengendalikan permintaan penurunan.

Soalan lazim

Apakah saiz imej pengakuan yang sesuai untuk Instagram?

Segi empat sama 1080 × 1080 px untuk siaran pendek dan untuk siaran silang, atau potret 1080 × 1350 px untuk siaran yang lebih panjang. Eksport pada lebar 1080 piksel, pilih satu bentuk dan kekalkan, dan pastikan nombor siaran dan baris pertama berada di tengah supaya pemotongan grid profil tidak memotongnya.

Apakah saiz fon yang boleh dibaca pada siaran teks Instagram?

Pada imej selebar 1080 piksel, teks utama tidak boleh lebih kecil daripada kira-kira 40 px, dan 44 hingga 52 px adalah lebih selesa. Teks di bawah kira-kira 32 px sukar dibaca oleh ramai pembaca. Ujinya dengan menghantar imej ke telefon anda sendiri dan membacanya pada jarak lengan.

Bagaimanakah anda menyiarkan pengakuan panjang di Instagram?

Bahagikannya kepada karusel, pecahkan pada sempadan perenggan dan nomborkan slaid. Untuk siaran yang sangat panjang, letakkan baris pembukaan pada imej dan keseluruhan penyerahan dalam kapsyen. Tentukan saiz jenis minimum dan jangan sekali-kali kurang daripadanya, dan jangan potong penyerahan tanpa menandakan bahawa anda telah melakukannya.

Apakah warna yang paling sesuai untuk teks pada imej?

Teks gelap pada latar belakang terang, polos, atau teks terang pada latar belakang gelap. Sasarkan nisbah kontras sekurang-kurangnya 4.5 kepada 1. Gradien berisiko kerana teks boleh hilang pada hujung terang, gambar memerlukan tindanan yang kuat, dan kelabu pertengahan serta pastel hilang pada telefon di bawah cahaya matahari.

Patutkah imej pengakuan mempunyai teks alternatif?

Ya. Gambar teks tidak kelihatan kepada pembaca skrin melainkan anda memberikan penerangan, dan teks alternatif yang betul untuk imej pengakuan hanyalah teks pengakuan itu sendiri. Meletakkan teks penuh dalam kapsyen juga menjadikannya boleh dicari, boleh diterjemah dan mudah disalin.

Spesifikasi templat untuk bermula

Elemen Nilai permulaan
Kanvas 1080 × 1080 px (atau 1080 × 1350 px)
Margin 90 px di semua sisi
Jenis badan 46 px, berat biasa; minimum 38 px
Jarak baris 1.4
Penjajaran Kiri
Warna teks / latar belakang Hampir hitam pada putih pudar, atau hampir putih pada warna gelap pekat; kontras 4.5:1 atau lebih baik
Nombor siaran Atas kiri, 34 px, tebal
Pengendali halaman Bawah kanan, 26 px
Limpahan Bahagikan kepada karusel pada pemisah perenggan; "n/jumlah" pada setiap slaid
Teks alternatif Teks penuh penyerahan
Kapsyen Nombor siaran, teks penuh, dan tiada yang disederhanakan

Sesuaikannya dengan ciri halaman anda, kemudian hantar hasilnya ke telefon anda dan bacanya pada jarak lengan. Ujian itu menyelesaikan lebih banyak perdebatan tentang reka bentuk berbanding sebarang jumlah perbincangan.

Teruskan membaca

Semua panduan →