印刷物やディスプレイで表示される「画像の精度」を「解像度」といいます。単位は「dpi（dot per inch）」で、1インチあたりに含まれるドット数を表します。この数値が高いほどきめ細やかに表現できます。

一般的にパソコンのディスプレイの解像度は72dpiですが、スマホやタブレットは300dpiと数倍も高い解像度となっています。ピンチアウトで画面を拡大しても、画像がきれいに表示されるのはそのためです。
ちなみに、初代iPhoneは163dpiでしたが、モデルチェンジのたびに解像度を上げ、iPhone6やiPhone7は326dpiと印刷物とほとんど変わらない解像度となっています。（印刷物は350dpi）

ホームページを作成する場合、掲載する画像については、スマホなどあらゆる端末で閲覧されることを前提に、従来の2倍の解像度をスタンダードとしています。
もし、画像のサイズが小さいと、パソコンでは普通に見えても、スマホで見ると粗く表示されてしまうので要注意です。
ホームページやブログなどに使用する画像は、Mサイズ・中サイズといったある程度大きな画像をご用意ください。