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

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

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

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

※今お使いのスマートフォンの画面サイズに縮小されて見えています。
(お使いのスマートフォンの画面の横幅サイズが320pxの場合、画像幅は320px(50%)に縮小されて表示されます。)
※画像の中のピクセル表示( px )は、画像を640px(100%)のサイズで表示したときのフォントサイズです。
フォントサイズのバリエーション。レスポンシブWEBデザインの際の画像の切替えのサンプルにどうぞ。

結論:

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

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