Menukar luahan teks menjadi imej Instagram yang boleh dibaca

Jawapan ringkas. Gunakan imej segi empat sama 1080 × 1080 px (atau potret 1080 × 1350 px), teks isi kira-kira 44 hingga 52 px, jidar sekurang-kurangnya 80 px dan nisbah kontras 4.5 kepada 1 atau lebih baik. Pecahkan luahan yang panjang kepada karusel, dan letakkan teks penuh dalam teks alt dan kapsyen.

Halaman confession di Facebook boleh menyiarkan satu perenggan teks dan selesai. Instagram tidak menerimanya: setiap hantaran memerlukan imej atau video. Maka halaman confession menukar teks menjadi gambar — dan kebanyakannya melakukannya dengan buruk. Hurufnya terlalu kecil, warna kelabu terletak di atas gradien, tiga baris terakhir hilang di bawah tepi bingkai, dan hasilnya tidak boleh dibaca pada peranti yang hampir semua orang gunakan untuk melihatnya.

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

Pilih bentuk

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

Dua perkara lagi. Pertama, grid profil memaparkan pratonton terpangkas bagi setiap hantaran, dan Instagram telah mengubah bentuk pratonton itu dari semasa ke semasa. Letakkan semua yang penting — terutamanya baris pertama teks dan nombor hantaran — jauh di 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 membina templat yang akan anda gunakan bertahun-tahun.

Apa pun bentuk pilihan anda, eksport pada lebar 1080 piksel. Fail yang lebih besar dikecilkan. Yang lebih kecil dibesarkan, dan teks yang dibesarkan menjadi kabur di tepinya.

Tetapkan saiz huruf untuk telefon, bukan untuk monitor anda

Inilah kesilapan yang merosakkan kebanyakan templat. Pada komputer riba, imej 1080 piksel dipaparkan besar, dan huruf 28 piksel kelihatan cukup selesa. Pada telefon, imej yang sama dipaparkan kira-kira selebar tapak tangan, dan huruf yang sama menjadi sebesar cetakan halus pada kotak ubat.

Ada dua cara untuk melakukannya dengan betul.

Petua kasar. Pada imej selebar 1080 piksel, teks isi tidak patut lebih kecil daripada kira-kira 40 piksel, dan 44 hingga 52 lebih selesa. Teks di bawah kira-kira 32 piksel menyukarkan ramai pembaca.

Ujian. Hantar imej itu ke telefon anda sendiri, pegang sejauh lengan, dan baca. Jika anda mendapati diri mendekatkan telefon, hurufnya terlalu kecil. Lakukan ini dengan setiap templat sebelum menggunakannya.

Huruf lebih besar bermakna lebih sedikit perkataan bagi setiap imej. Terima hakikat itu. Hantaran yang boleh dibaca merentas dua slaid lebih baik daripada yang muat dalam satu slaid tetapi tidak boleh dibaca.

Beri teks ruang

• Jidar. Tinggalkan sekurang-kurangnya 80 piksel kosong di setiap sisi imej 1080 piksel. Teks yang sampai ke tepi kelihatan sesak, dan sebahagiannya akan terlindung di sebalik elemen antara muka atau hilang akibat pangkasan.
• Panjang baris. Sasarkan kira-kira 25 hingga 40 aksara sebaris. Baris yang lebih panjang menyukarkan mata mencari permulaan baris berikutnya.
• Jarak baris. Tetapkan antara 1.3 hingga 1.5 kali saiz huruf. Baris yang rapat memenatkan untuk dibaca.
• Penjajaran. Teks jajar kiri lebih mudah dibaca daripada teks tengah bagi apa-apa yang melebihi dua tiga baris. Jajar tengah sesuai untuk satu ayat pendek.
• Perenggan. Kekalkan pemisah perenggan penghantar. Satu blok teks padat jauh lebih menggerunkan daripada tiga perenggan pendek.

Kontras

Teks mesti menonjol dengan jelas daripada apa sahaja 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 ada penyemak dalam talian percuma yang mengira nisbah itu daripada dua nilai warna.

Dalam amalan:

• Teks gelap pada latar cerah yang polos, atau cerah pada gelap, sentiasa menjadi. Hampir hitam pada putih pudar ialah gabungan paling mudah dibaca.
• Gradien berisiko. Teks yang jelas di hujung gelap gradien mungkin lenyap di hujung cerah. Jika anda menggunakan gradien, semak kontras pada titik paling lemah, atau letakkan panel padat atau separa legap di belakang teks.
• Gambar sebagai latar hampir tidak pernah menjadi tanpa lapisan tindihan yang kuat. Gambar yang sibuk di belakang teks menyukarkan kedua-duanya dilihat.
• Elakkan kelabu pertengahan dan warna pastel untuk teks. Ia nampak 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 bagi pembaca buta warna.

Pilih muka taip yang meliputi bahasa anda

Muka taip paparan yang berhias mungkin kelihatan tersendiri, tetapi luahan ialah teks isi, dan teks isi memerlukan muka taip yang direka untuk dibaca: bentuk huruf yang jelas, jarak yang lapang, ketebalan biasa.

Bagi halaman Malaysia ada satu lagi keperluan, yang mudah terlepas. Penghantar anda menulis dalam beberapa tulisan. Muka taip yang hanya mempunyai huruf Latin akan memaparkan aksara Cina, Tamil atau Jawi sebagai kotak kosong, atau senyap-senyap bertukar kepada muka taip sandaran yang tidak berkaitan di tengah ayat. Sebelum memilih muka taip:

• uji dengan kiriman bahasa campuran yang sebenar;
• semak bahawa teks Cina, Tamil dan tulisan Arab semuanya terpapar, pada ketebalan dan saiz yang sepadan;
• semak bahawa emoji muncul dan tidak terpotong;
• bagi Jawi dan Arab, semak bahawa teks berjalan dari kanan ke kiri dan huruf bersambung dengan betul — sesetengah penjana imej tersilap di sini.

Keluarga muka taip sumber terbuka yang besar, yang menawarkan reka bentuk sepadan merentas banyak tulisan, dibuat tepat untuk situasi ini.

Kiriman yang panjang

Luahan 400 patah perkataan tidak akan muat dalam satu imej pada saiz yang boleh dibaca. Pilihannya, mengikut keutamaan, ialah seperti berikut.

Karusel. Pecahkan teks kepada beberapa slaid. Putuskan di sempadan perenggan dan bukan di tengah ayat, nomborkan slaid ("2/4") supaya pembaca tahu ada lagi, dan beri slaid pertama pembukaan yang kuat, kerana hanya itulah yang dipaparkan dalam suapan.

Petikan dengan teks penuh dalam kapsyen. Letakkan baris pembukaan pada imej, dan keseluruhan kiriman dalam kapsyen. Ini sesuai untuk hantaran yang sangat panjang dan kelebihannya, kapsyen ialah teks sebenar — boleh dicari, diterjemah, dan dibaca oleh pembaca skrin.

Mengecilkan saiz huruf. Hanya dalam had tertentu. Tetapkan saiz minimum dan jangan sekali-kali turun di bawahnya. Sebaik teks tidak lagi muat pada minimum itu, tukar kepada karusel.

Jangan pangkas kiriman supaya ia muat tanpa menandakan bahawa anda telah berbuat demikian. Memotong kata-kata seseorang mengubah maksudnya.

Apa yang patut ada pada setiap imej

• Nombor hantaran, cukup besar untuk dibaca, di kedudukan yang sama setiap kali. Begitulah pembaca merujuk hantaran.
• Nama halaman atau nama pengguna, kecil, supaya tangkapan skrin yang dikongsi di tempat lain masih menunjukkan asalnya.
• Tiada yang lain. Tiada kod QR, pelekat, "ikuti kami untuk lebih lagi", atau hiasan yang menyemakkan. Kiriman itulah kandungannya.

Konsistensi lebih penting daripada kepintaran. Pembaca patut mengecam hantaran anda dalam suapan sebelum membaca sepatah perkataan.

Tulis teks alt dan gunakan kapsyen

Gambar teks tidak kelihatan kepada sesiapa yang menggunakan pembaca skrin melainkan anda membekalkan huraian. Instagram membenarkan anda menambah teks alt pada imej semasa menyiarkan, di bawah tetapan lanjutan atau kebolehcapaian, atau selepasnya dengan menyunting hantaran. Teks alt yang betul bagi imej luahan ialah teks luahan itu sendiri.

Meletakkan teks penuh dalam kapsyen juga membantu pembaca yang sama dan yang lain: ia boleh diterjemah oleh aplikasi, dicari, dan disalin. Ia tidak memerlukan apa-apa kos, kerana anda sudah mempunyai teksnya.

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

Semak sebelum menyiarkan

Imej teks gagal dengan cara yang jelas sebaik anda melihatnya, dan tidak kelihatan jika anda tidak melihat. Bagi setiap hantaran, atau sekurang-kurangnya setiap perubahan templat:

• lihat pada telefon, sejauh lengan;
• sahkan tiada apa-apa terpotong di bahagian bawah — kecacatan paling biasa pada imej yang dijana ialah teks yang melimpah;
• sahkan setiap aksara terpapar, tanpa kotak;
• lihat slaid pertama secara berasingan, kerana itulah sahaja yang akan dilihat oleh kebanyakan orang;
• lihat rupanya dalam grid profil.

Jika imej anda dijana secara automatik daripada kiriman, uji penjana itu dengan kes ekstrem: kiriman tiga patah perkataan, yang 600 patah perkataan, yang langsung tiada pemisah perenggan, yang ditulis sepenuhnya dengan emoji, dan yang mencampurkan tiga tulisan.

Jangan bawa bersama apa yang tidak sepatutnya ada

Imej dihasilkan daripada kiriman, jadi apa-apa yang sepatutnya dibuang daripada teks — nama, nombor bilik, nombor telefon — akan muncul dalam imej, dalam kapsyen, dan dalam teks alt. Moderasi teks dahulu dan jana imej daripada versi yang diluluskan. Jika hantaran kemudian disunting atau dibuang di satu platform, lakukan perkara yang sama di platform yang lain. Imej Instagram mudah dilupakan apabila hantaran Facebook diturunkan. Lihat Cara mengendalikan permintaan pembuangan.

Soalan lazim

Apakah saiz imej luahan yang sesuai untuk Instagram?

Segi empat sama 1080 × 1080 px untuk hantaran pendek dan kongsian silang, atau potret 1080 × 1350 px untuk yang lebih panjang. Eksport pada lebar 1080 piksel, pilih satu bentuk dan kekal dengannya, dan letakkan nombor hantaran serta baris pertama jauh di tengah supaya pangkasan grid profil tidak memotongnya.

Apakah saiz huruf yang boleh dibaca pada hantaran teks Instagram?

Pada imej selebar 1080 piksel, teks isi tidak patut lebih kecil daripada kira-kira 40 px, dan 44 hingga 52 px lebih selesa. Teks di bawah kira-kira 32 px menyukarkan ramai pembaca. Uji dengan menghantar imej ke telefon anda sendiri dan membacanya sejauh lengan.

Bagaimana menyiarkan luahan yang panjang di Instagram?

Pecahkan kepada karusel, putuskan di sempadan perenggan dan nomborkan slaid. Bagi hantaran yang sangat panjang, letakkan baris pembukaan pada imej dan keseluruhan kiriman dalam kapsyen. Tetapkan saiz huruf minimum dan jangan turun di bawahnya, dan jangan pangkas kiriman tanpa menandakannya.

Apakah warna terbaik untuk teks pada imej?

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

Patutkah imej luahan mempunyai teks alt?

Ya. Gambar teks tidak kelihatan kepada pembaca skrin melainkan anda membekalkan huraian, dan teks alt yang betul bagi imej luahan ialah teks luahan itu sendiri. Meletakkan teks penuh dalam kapsyen juga menjadikannya boleh dicari, diterjemah dan mudah disalin.

Spesifikasi templat sebagai permulaan

Laraskan mengikut watak halaman anda, kemudian hantar hasilnya ke telefon anda dan baca sejauh lengan. Ujian itu menyelesaikan lebih banyak pertikaian tentang reka bentuk daripada sebanyak mana pun perbincangan.