レスポンシブWEBデザインでの画像文字の適正なフォントサイズ

画像文字のフォントサイズについてのテスト

このページをスマートフォンでご覧になってみてください。
レスポンシブWEBデザインの画像文字の、文字サイズの違いによる文字の見え方のサンプルにどうぞ。

• 以下に表示する画像文字の画像の実際の横幅のサイズは 640px です。
  今お使いのスマートフォンの画面サイズに縮小されて見えています。
• 画像の形式はPNGです。
• 画像内の文字について↓
  　フォント：　小塚ゴシック Pr6N
  　太さ：　R
  　アンチエイリアス：　シャープ（鮮明）

幅640pxの画像文字サンプル

※今お使いのスマートフォンの画面サイズに縮小されて見えています。
（お使いのスマートフォンの画面の横幅サイズが320pxの場合、画像幅は320px（50％）に縮小されて表示されます。）
※画像の中のピクセル表示( px )は、画像を640px（100％）のサイズで表示したときのフォントサイズです。

結論:

画像を50％に縮小しても、フォントサイズが10pxの文字も基本的に読めますが、
無理なく読めるフォントサイズは 20px 以上でしょうか。

ですので、画像文字のフォントサイズが 20px 以上なら、ブレークポイントで画像の切り替えたりする必要は無いと思います。