Text Readability Analysis of Digital Promotional Posters on Mobile Displays Using Otsu Thresholding and Canny Edge Detection

Authors

  • M. Nugraha Aulia Akbar Hasibuan Universitas Islam Negeri Sumatera Utara Author
  • Farhan Amar Pramudya Universitas Islam Negeri Sumatera Utara Translator
  • Ferdi Frans Dirga Universitas Islam Negeri Sumatera Utara Translator
  • Fahri Habibi Siregar Universitas Islam Negeri Sumatera Utara Author
  • Raja Alfian Syah Universitas Sumatera Utara Author

DOI:

https://doi.org/10.65230/jitcos.v2i1.146

Keywords:

Digital Promotional Poster, Text Readability, Otsu Thresholding, Canny Edge Detection, Mobile Display

Abstract

This study aimed to develop and evaluate a rule-based system for analyzing the readability of text in digital promotional posters viewed on mobile displays. The proposed approach combined grayscale conversion, Gaussian blur, Otsu thresholding, Canny edge detection, morphological processing, and visual-feature analysis based on local contrast, equivalent mobile character height, and background complexity. A controlled dataset of 96 poster images was generated from 12 base designs under four conditions, namely readable, low contrast, small text, and complex background, at resolutions of 1080 × 1080 and 360 × 360 pixels. The dataset contained 960 ground-truth text regions, with 24 images used for calibration and 72 images for testing. On the test dataset, text-region detection achieved 95.81% precision, 66.67% recall, a 78.62% F1-score, and a mean Intersection over Union of 0.6576. Readability classification on 480 matched regions produced 63.96% accuracy and a macro F1-score of 64.28%. The system performed best on readable and complex-background posters, while low-contrast text produced the weakest detection result. Processing time averaged 0.0700 seconds for 1080 × 1080 images and 0.0253 seconds for 360 × 360 images. The findings indicate that the proposed method is suitable as an initial screening tool for identifying text-readability problems in digital promotional posters, although further development using real-world posters, human evaluation, and adaptive segmentation is required.

References

Dewi, G. A. N. S. K. P., Julianto, I. N. L., & Mudra, I. W. (2025). Tipografi dan Ilustrasi Sketchnoting sebagai Penguatan Minat Membaca Konten Edukasi Digital. Demandia: Jurnal Desain Komunikasi Visual, Manajemen Desain, dan Periklanan, 10(01), 1–22. https://doi.org/10.25124/demandia.v10i1.6919

El Chidtian, A. S. C. R., & Renzina, Y. D. (2024). Analisis Tipografi pada Poster Film Horor Indonesia Tahun 2022. Jurnal Desain Komunikasi Visual Asia, 08(01), 1–16. https://doi.org/0.32815/jeskovsia.v8i01.975

Fahlan, A. S., Hakam, A., Argakusumah, L., Islami, I., & Ulita, N. (2024). Efektivitas Bahasa Visual Poster untuk Mengetahui Dampak Negatif Narkoba bagi Mahasiswa pada Kampanye Anti Narkoba di Lingkungan Kampus Mercu Buana dengan Model EPIC. Jurnal Demandia: Desain Komunikasi Visual, Manajemen Desain dan Periklanan, 9(01), 63–88. https://doi.org/10.25124/demandia.v9i1.6532

Indarmawan, N. B., Yoshananda, M. M., & Zaenul, A. (2025). Analisa Hierarki Tipografi pada UI Web Menggunakan Hitungan Fibonacci dengan Aplikasi Adobe Illustrator. Insect (Informatics and Security): Jurnal Teknik Informatika, 11(1), 25–33. https://doi.org/10.33506/insect.v11i1.4215

Irfani, M. H., & Gasim, G. (2024). Segmentasi Teks pada Citra Tulisan Tangan Kalimat Menggunakan Metode Median Filtering dan Otsu. Teknosains: Media Informasi Sains dan Teknologi, 18(1), 88–97. https://doi.org/10.24252/teknosains.v18i1.44307

Khoirani, L., Ariansyah, R., & Supiyandi. (2024). Aplikasi Pengolahan Citra untuk Peningkatan Deteksi Tepi Melalui Segmentasi Citra. Mars: Jurnal Teknik Mesin, Industri, Elektro dan Ilmu Komputer, 2(3), 96–203. https://doi.org/0.61132/mars.v2i3.191

Nehru, Hais, Y. R., & Inonu, A. C. D. (2024). Implementasi Canny Filter Optical Character Recognition (OCR) untuk Identifikasi Tanda Nomor Kendaraan Bermotor (TNKB). Jurnal Engineering, 6(1), 1–9.

Novita, N., Dafitri, H., & Wulan, N. (2022). mplementasi Algoritma Otsu Thresholding dengan Median Filter dalam Segmentasi Citra Digital Naskah Kuno Batak (Studi Kasus: Museum Negeri Provinsi Sumatera Utara). Journal of Informatics and Data Science, 1(1), 7–9. https://doi.org/10.24114/j-ids.v1i1.24153

Panggabean, A. A., Lubis, F. H., Aulia, R. R., Akmal, M. H., & Gibran, M. K. (2025). Peningkatan Keterbacaan Teks pada Citra Struk Pembayaran Menggunakan Segmentasi Otsu. Device: Journal of Information System, Computer Science and Information Technology, 6(1), 155–164. https://doi.org/10.46576/device.v6i1.6526

Prayogi, D., Lubis, S. R., Rizko, M. A., & Suteja, A. G. (2025). Optimalisasi Segmentasi Citra Digital Metode Canny Edge Detection dan Thresholding. RIGGS: Journal of Artificial Intelligence and Digital Business, 4(2), 6334–6339. https://doi.org/10.31004/riggs.v4i2.1613

Radillah, T., Ameliza, K., & Fitriyanto, I. (2023). Segmentasi Citra Menggunakan Metode Otsu dalam Pengenalan Pola Sederhana. The Indonesian Journal of Computer Science, 12(1), 4004–4012. https://doi.org/10.33022/ijcs.v12i6.3492

Radillah, T., Veza, O., & Sumijan. (2024). Comparative Analysis of Canny, Sobel, Prewitt and Roberts Edge Detection Operators on Eye Iris Images. JITK (Jurnal Ilmu Pengetahuan dan Teknologi Komputer), 10(1), 83–90. https://doi.org/10.33480/jitk.v10i1.5062.COMPARATIVE

Ramdani, M., Dzulfiqar, M. F., Abdallah, Z. A., Pahlevi, Z. R., & Rosyani, P. (2024). Studi Perbandingan Teknik Thresholding untuk Binarisasi Tanda Tangan Menggunakan OpenCV2: Metode Sederhana, Adaptif, dan Otsu. BINER: Jurnal Ilmu Komputer, Teknik dan Multimedia, 2(2), 166–172.

Satheno, G. C. I., & Frobenius, A. C. (2022). Analysis of User Experience (UX) of Serif and Sans Serif Fonts in Dark Mode Website Display. Jurnal Sosial Teknologi, 5(8), 3306–3315. https://doi.org/10.59188/jurnalsostech.v5i8.32363

Wicaksono, D., Almeyda, D. P., Putra, I. M. M., & Malihatuningrum, L. (2024). Analisis Perbandingan Metode Pra Pemrosesan Citra untuk Deteksi Tepi Canny pada Citra Berbagai Kondisi Jalan Menggunakan Bahasa Pemrograman Python. Jurnal Teknologi Dan Ilmu Komputer Prima (Jutikomp), 7(1), 17–31. https://doi.org/10.34012/jutikomp.v7i1.3872

Downloads

Published

30-06-2026

Issue

Section

Articles

How to Cite

Hasibuan, M. N. A. A., Siregar, F. H. ., & Raja Alfian Syah. (2026). Text Readability Analysis of Digital Promotional Posters on Mobile Displays Using Otsu Thresholding and Canny Edge Detection. Journal of Information Technology and Computer System, 2(1), 208-220. https://doi.org/10.65230/jitcos.v2i1.146

Similar Articles

1-10 of 11

You may also start an advanced similarity search for this article.