Imej & foto · Pengubah Imej Sosial
Mengapa Teks Kecil dalam Imej Sosial Menjadi Tidak Boleh Dibaca Selepas Saiz Semula
· Mengapa ia penting
kualiti imej tipografi kebolehcapaian
Teks yang dibaca dengan baik pada kanvas reka bentuk boleh menjadi tidak terbaca apabila imej dikecilkan kepada suapan bersaiz telefon dan dimampatkan. Siaran ini menerangkan aritmetik piksel di sebalik kebolehbacaan dan cara mengujinya sebelum menyiarkannya.
Infografik yang tiada siapa boleh membaca — kegagalan konkrit reka bentuk padat pada skrin telefon
Maklumat grafik boleh dibaca dengan sempurna pada kanvas reka bentuk yang luas dan gagal apabila dihantar sebagai imej sosial bersaiz telefon. Perkataan tidak berubah, tetapi bilangan piksel output yang tersedia untuk menerangkan setiap huruf berubah. Salinan sokongan yang padat menjadi tekstur sebelum penonton mempunyai peluang untuk membacanya.
Uji fail yang dieksport, bukan sahaja reka letak asal. Pengubah Imej Sosial dipaparkan pada dimensi pratetap sasaran dan menawarkan Blob yang terhasil untuk dimuat turun. Derivatif itu ialah artifak yang betul untuk semakan kebolehbacaan kerana ia mengandungi pensampelan sebenar dan keputusan pengekodan setempat yang dibuat oleh pelayar.
Teks ialah piksel juga — cara skala bawah mengecilkan ketinggian huruf, dan mengapa pukulan lebih nipis daripada piksel kabur atau lenyap
Teks di dalam imej bukan lagi jenis semantik. Ia adalah piksel berwarna. Apabila keseluruhan karya seni dikecilkan, ketinggian huruf dan lebar lejang mengecut dengan semua yang lain. Pukulan yang merangkumi beberapa piksel sumber boleh menyumbang sahaja sebahagian kecil daripada piksel keluaran, memaksa resampler untuk menggabungkannya dengan latar belakang.
Tepi kontras tinggi menjadikan kehilangan jelas, tetapi kontras sahaja tidak dapat menyelamatkan struktur selepas pembilang dekat atau pukulan bersebelahan bergabung. Pelicinan kanvas bertujuan untuk mengelakkan alias bergerigi, jadi huruf kecil mungkin menjadi lembut dan bukannya patah secara mendadak. Kesannya bergantung pada skala, fon, berat, kontras dan pelaksanaan pelayar.
Pengekodan tempatan yang hilang boleh melembutkan butiran halus; mampatan destinasi berada di luar bukti ini
Eksport JPEG dan WebP hilang dalam alat ini dan hujah kualitinya boleh mempengaruhi perincian imej yang halus. PNG mengelakkan peringkat output yang hilang itu, tetapi ia tidak memulihkan maklumat yang telah dicampur semasa penskalaan bawah. Memilih PNG untuk huruf boleh mengalih keluar satu pembolehubah sambil membiarkan belanjawan piksel asas tidak berubah.
Buku kerja mengaitkan satu lagi langkah penamat kepada platform sosial. ToolAcre tidak menguji pengekod destinasi, jadi artikel ini tidak menjanjikan bahawa setiap perkhidmatan memampatkan teks dalam satu cara. Bandingkan eksport tempatan yang diluluskan dengan pratonton destinasi sebenar untuk memisahkan perkara yang berlaku sebelum muat naik daripada apa yang diperhatikan selepas itu.
Reka bentuk pada saiz paparan — jenis semak pada ketinggian piksel ia sebenarnya akan ditunjukkan, bukan pada saiz kanvas
Semakan reka bentuk harus merangkumi dimensi piksel dan skala di mana orang sebenarnya akan menemui imej itu. Buka fail yang dimuat turun pada saiz pembentangan biasa pada telefon yang berkaitan dan bukannya zum sehingga perkataan boleh dibaca. Pratonton monitor yang besar boleh menyembunyikan kegagalan dengan memberikan karya seni lebih ruang fizikal.
Pastikan pemeriksaan satu sama satu piksel sebagai diagnostik, bukan sebagai pengalaman khalayak. Ia boleh mendedahkan sempadan yang kabur, tetapi persoalan penerimaan ialah sama ada mesej itu dibaca tanpa usaha dalam konteks. Tiada potongan saiz jenis universal dinyatakan kerana peranti, reka letak dan pilihan kreatif mengubah keputusan.
Lebih sedikit perkataan, jenis lebih besar — memindahkan butiran ke dalam kapsyen atau halaman yang dipautkan dan menyimpan imej untuk tajuk utama
Apabila teks gagal, kurangkan bilangan perkataan sebelum mencuba kualiti eksport yang lain. Promosikan satu tajuk, alih keluar kelayakan dan alihkan butiran ke dalam kapsyen siaran atau halaman terpaut. Jenis yang lebih besar dengan garis yang lebih sedikit memberikan setiap aksara lebih banyak piksel dan membolehkan imej melaksanakan peranan visualnya dan bukannya meniru dokumen.
Juga mudahkan peraturan nipis, ikon kecil dan corak hiasan bersaing dengan perkataan. Mereka menggunakan grid keluaran terhingga yang sama. Jika grafik mesti membawa arahan terperinci, tawarkan halaman atau dokumen yang boleh diakses yang direka bentuk untuk membaca dan bukannya bergantung pada imej sosial raster tunggal.
Contoh yang berjaya: bandingkan teks pada saiz akhir tanpa menuntut saiz titik kekal universal
Sediakan 16:9 pengumuman dengan tajuk, subkepala dan pengaki padat. Eksportnya pada pratetap alat 1920×1080 semasa, kemudian lihat pada skala paparan biasa destinasi pada telefon. Perhatikan hierarki yang dibaca serta-merta dan yang memerlukan zum atau inferens.
Buat versi yang disemak dengan lebih sedikit perkataan dan pukulan yang lebih besar, kemudian eksport melalui laluan yang sama. Perbandingan harus dinilai oleh pembaca, bukan oleh ketinggian piksel minimum yang dicipta. Rekodkan dimensi sasaran, format dan kualiti supaya semakan masa hadapan boleh menghasilkan semula syarat yang telah diluluskan.
Perkara ini tidak meliputi — kebolehcapaian pembaca skrin; teks dalam imej memerlukan teks alt tanpa mengira saiznya, dan itu adalah langkah penyiaran, bukan mengubah saiz
Piksel boleh dibaca tidak menjadikan teks imej boleh diakses oleh pembaca skrin. Teks alternatif, kapsyen dan sebarang medan kebolehaksesan khusus destinasi kekal sebagai sebahagian daripada langkah penerbitan. Pengubah Imej Sosial berfungsi pada piksel imej dan tidak mengarang perihalan semantik tersebut.
Elakkan meletakkan arahan penting yang panjang sahaja di dalam imej. Malah huruf besar tidak boleh diakses oleh orang yang menggunakan teknologi bantuan atau alat terjemahan. Cropper boleh membantu menghasilkan grafik yang jelas, tetapi kebolehcapaian memerlukan maklumat yang setara di luar peta bit dan aliran kerja penyiaran yang mengekalkannya.
Bawa pulang: menguji kebolehbacaan pada saiz akhir — Social Image Resizer memberi anda saiz semula fail supaya anda boleh menyemaknya pada telefon sebelum menyiarkannya
Uji kebolehbacaan pada saiz akhir dan anggap kegagalan sebagai masalah reka bentuk kandungan sebelum menganggapnya sebagai masalah pengekod. Perkataan yang lebih ringkas, hierarki yang lebih kuat dan pukulan yang lebih besar biasanya mencipta artifak yang lebih mantap kerana mereka memperuntukkan grid piksel terhad kepada bahagian yang mesti difahami.
ToolAcre menyediakan output tepat yang diperlukan untuk semakan itu. Eksport, buka fail pada peranti yang berkaitan, bandingkan mana-mana pratonton destinasi dan semak semula daripada induk. Reka bentuk yang sahaja berfungsi apabila diperbesarkan dalam editor belum bersedia untuk skrin kecil yang ingin disiarkan.