arms-nakamura https://blog.hatena.ne.jp/arms-nakamura/ arms inc. Engineers' Blog https://tech.arms-soft.co.jp/ CSS フロントエンド こんにちは、中村です。 コーディングをしていて、どうも画像がぼけるなぁ、ということはないでしょうか。 単純に画像サイズが足らないのが原因なら書き出しサイズを直せば良いです。 問題は、適正サイズに書き出しているのにぼけてしまう時です。 スマホやレスポンシブサイトではウィンドウ幅に合わせてサイズを可変させる場合も多いです。 幅100%で高さautoにした場合、当然割り切れない数値になることがあります。 可変にしていなくても、まれに高さに小数点以下の数値が入ってしまうこともあります。 （Chromeでよく起こるようです） 検証ツールで見ると小数点以下の数値が入っていることがわかります。 こういう時は… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.arms-soft.co.jp%2Fentry%2F2022%2F01%2F26%2F090000" title="適正サイズの画像がぼける時の対処法2022 - arms inc. Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/arms-nakamura/20220420/20220420183728.jpg Hatena Blog https://hatena.blog 2022-01-26 09:00:00 rich https://tech.arms-soft.co.jp/entry/2022/01/26/090000 1.0 100%