レスポンシブウェブデザインが流行りですな。 そしてレスポンシブにおいては画像のサイズが悩みどころでもある。 広い画面用の画像と、小さい画像用の画像を同じにしてもいいが、最適化したいなら別の解像度の画像を用意するべきだろう。 ただそうした作業が面倒な場合はResponsive Image Breakpoints Generatorにまかせてあげればいい。 このサイトに元画像をアップすれば、さまざまなレスポンシブの設定に応じて必要となるマークアップと画像群を用意してくれる。 知っておいても損はないと思うのだがいかがですかね。
![レスポンシブウェブデザインに対応した画像を用意してくれる『Responsive Image Breakpoints Generator』 | 100SHIKI](https://cdn-ak-scissors.b.st-hatena.com/image/square/8728ad970fc46cfa27f63058a6e5ed3e11762ba3/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F201601%2F27_logo.gif)