「PC上では綺麗に見えていたアスキーアートが、LINEで送信した瞬間にギザギザに歪んでしまった」という経験を持つユーザーは非常に多く存在します。このレイアウト崩壊が発生する背景には、文字フォントのレンダリング仕様とスマートフォンの表示幅という2つの技術的要因が存在します。
1. 等幅フォントとプロポーショナルフォントの壁
従来のPC掲示板(5ちゃんねる等)で作成された巨大なアスキーアートは、MS Pゴシックなどの特定フォント環境を前提に設計されていました。一方、現在のiOS(ヒラギノ角ゴシック / San Francisco)やAndroid(Noto Sans / Roboto)は文字ごとに幅が異なる「プロポーショナルフォント」を採用しているため、半角スペースや記号の横幅が微細に伸縮し、行ごとのズレが発生します。
2. 画面幅による強制改行の回避ルール
スマートフォンの画面幅(標準的な360〜430dp環境)において、1行あたり全角15文字(半角換算30文字)を超えると、チャット吹き出しの端で意図しない自動改行が発生します。崩れないスマホ対応誕生日アスキーアートを作成・送信する絶対原則は、「1行あたりの横幅を全角12〜14文字以内に収める」ことです。
💡 LINE送信時の崩れを防ぐ3大テクニック:- 文字コード・記号の統一:半角カナや特殊異体字を避け、標準的な罫線(┌ ─ ┐ │ └ ┘)や全角スペースで骨組みを構築する。
- コードブロック機能の活用:前後にバッククォート3つ()を配置して送信することで、等幅フォント領域として描画させる(対応クライアント向け)。
- 送信前プレビューの徹底:自身の「Keepメモ」やテスト用グループに一度送信し、実機画面で改行位置を視覚確認してから本番送信を行う。