スマートフォンの画像を高画質にする

スマートフォンに表示される画像の品質を上げる対応です。
 
下の画像のテキスト「千葉県で個人・法人向けにホームページ制作しています。市川ウェブデザインです。」をご覧ください。ちょっとボヤけているのがわかります。
 
 
上記のテキスト部分ですが、実は画像にしています。この画像はスマートフォンで見ると、どうしても画像の粗さを感じます。どの画像も同じようになりますが、特にテキストを画像化すると、粗さが目立ちます。
 
細かい説明は省きますが、解像度を上げて画像を作りました。下図をご覧ください。
 
 
ボヤケた部分が無くなって、クリアな画像になりました。
 
スマートフォンで見る時には、解像度の高い画像があった方が良いですね。ちなみにMacのRetinaディスプレイでも、同様にあったほうが良いです。普通のパソコンだと解像度は高くなくても大丈夫です。
 
スマートフォンで高画質の画像を見せようとすると、普通の画像とは別に画像を用意する必要があります。その点は手間がかかって面倒です。
facebook
twitter
line
hatena
pocket