漫画の文字サイズを実機で比較する｜編集部検証企画

縮小すると台詞がどうなるか分からない

原稿の上では読めていた台詞が、縮小された画面でどうなるのかは原稿を見ても分かりません。

感覚の問題とは限りません。同じ端末・同じ画面で、倍率だけを変えて測った数字が手元に無いからです。

なぜ「黒画素の数」を測ったのか

測る量の選び方を先に書いておきます。何を数えたかが決まっていないと、出た数字が何を意味するか決まりません。

宣言した文字サイズは、画面に出る量ではありません。 font-size は指示であって、実際に何画素のインクが乗るかは、倍率・書体・描画の丸めで変わります。

そこで、指示ではなく結果のほうを数えました。 画面に実際に出た暗い画素の個数です。これなら、倍率を変えたときに何が起きたかが数として残ります。

測れる量	何が分かるか	今回
宣言サイズ	指示した値	条件として記録
実測矩形	場所と広さ	数える窓
黒画素の数	残ったインク量	これを測った
読みやすさ	人が読めるか	測っていない

黒画素が多い＝読みやすい、ではありません。 残った量が多いという事実だけを示します。その先の判断は、この検証の外です。

何を固定したか

検証日は 2026年9月28日 です。固定したのは次の条件です。

端末は Mac15,5（Apple M3・macOS 26.6.2）の一台、画面は内蔵ディスプレイです。 ブラウザは Google Chrome 153 を headless で動かし、表示倍率 dpr は 2 に固定しました。

素材はこの検証のために作った自作の漫画ページ一枚（原寸 640×906）です。 同じ台詞「ここで終わりにしよう」を、font-size 8 / 10 / 12 / 16 / 24 px の吹き出しに五つ並べました。実在の作品は使っていません。

測った窓は、ブラウザが返した文字の実測矩形です。 その中で輝度 160 より暗い画素をインクとして数えました。

固定した条件が結果に効く理由

条件は形式ではありません。どれか一つ動くと、同じ台詞でも数が変わります。

dpr を固定した理由。 dpr が違うと、同じ CSS の大きさでも実際の画素数が変わります。固定しないと、倍率を変えたのか dpr が変わったのかを切り分けられません。

書体を一つに固定した理由。 同じ宣言サイズでも、書体によって字面の大きさと線の太さが違います。今回の値は、この一書体での値です。

輝度の境目を一つに決めた理由。 どこから「インク」と数えるかを決めないと、薄くなった画素を数に入れるかどうかで結果が動きます。

素材を自作にした理由。 実在の作品を使うと、掲載の条件を確かめる作業が別に必要になります。この検証では作品の評価をしないので、自作で足ります。

表示倍率を三段にした

倍率	本文幅の相当
1.0	640px
0.609	390px
0.44	282px

倍率はページ全体にかけました。 文字だけを小さくしたのではありません。

0.44 は、細い画面で本文幅が 282px になる場合に相当します。 素材の側は一切変えていません。

測った結果

倍率0.44	1字黒画素
8px	13.9
10px	19.7
12px	29.6
16px	51.5
24px	114.5

倍率1.0では、8px の台詞に 1 字あたり 62.2 個の黒画素が出ていました。 同じ台詞が倍率0.44では 13.9 個で、この条件では約 4.5 分の 1 になりました。

インクの縦の広がりも、8px では 14 → 9 → 6 device px と減りました。 24px では 45 → 27 → 20 device px でした。

倍率0.44で 1 字あたり 50 個を超えていたのは 16px と 24px だけでした。 これは今回の測定値であって、境界を決めた数字ではありません。

減り方が一定ではない

表の値を縦に見ると、宣言サイズを倍にしても、黒画素はきれいに倍にはなっていません。

倍率0.44の列で、8px の 13.9 に対して 16px は 51.5 でした。宣言サイズは 2 倍ですが、黒画素は約 3.7 倍です。10px の 19.7 に対して 24px の 114.5 は、宣言サイズ約 2.4 倍に対して約 5.8 倍でした。

面積として増えるので、単純な比例にはなりません。 加えて、小さい側では画素の丸めが効きます。細い線が 1 画素に満たないと、そこは残りません。

だから「何 px 以上にすべき」とは書きません。 測った 5 点の値だけが手元にあります。

数字の読み方

黒画素の数は、インクがどれだけ残ったかを表します。 読めるかどうかとは別の量です。

同じ宣言サイズでも、倍率が変われば出る画素は変わります。 原稿の数字だけでは決まりません。

書体を変えれば同じ宣言サイズでも値が動きます。 今回は端末にあった一書体だけで測りました。

自分の原稿で同じ測り方をする手順

同じ形で測れば、自分の条件での値が手元に残ります。 結果を借りるのではなく、条件ごと作り直します。

1. 端末と画面を書く。 機種名と、内蔵か外付けかまで残します。
2. 表示倍率を固定する。 途中で変えないことが要点です。
3. 同じ台詞を、宣言サイズだけ変えて並べる。 台詞を変えると字数が変わり、比べられません。
4. 倍率を段階的に変える。 段の数は少なくて構いません。二段でも比べられます。
5. 何を数えたかを書く。 画素なのか、幅なのか、名前を先に決めます。
6. 値をそのまま書く。 期待と違っても直しません。

手順のうち、いちばん飛ばされやすいのは 1 と 6 です。 条件を書かない値と、直した値は、後から使えません。

結果が揃わないとき

判断が止まる場面を、三つ挙げます。 どれも測り方の話です。

どの例でも一般化していません。条件のほうを書き足しています。

測ったあとの確認

条件を先に書いたか。 端末と倍率が無いと値が読めません。

測った量の名前を書いたか。 画素と読みやすさは別です。

一般化していないか。 一台の結果です。

測っていない点を測ったことにしていないか。 5 点の間は分かりません。

値を期待に合わせて直していないか。 直した値は使えません。

自分の原稿で一段だけ測る

検証に、全部の倍率は要りません。自分の原稿を一枚選び、表示倍率を一段だけ変えて、同じ台詞の見え方を並べてみること。

端末と倍率は書いたか。測った量の名前を書けたか。 そこまで残れば、次の倍率も同じ形で並びます。

値が期待と違っても構いません。 書き換えないことが検証の結果です。