「Responsive Image Breakpoints Generator」はレスポンシブデザイン用の画像を一括生成してくれるサイトです。レスポンシブデザインで画面サイズに応じて画像サイズも変更したいときにおすすめです。指定した画像を複数のサイズにリサイズしてくれ、一括でダウンロードできますよ。 以下に使ってみた様子を載せておきます。まずResponsive Image Breakpoints Generatorへアクセスしましょう。適用したい画像をアップロードします。ファイルサイズや大きさの設定を同時に行えますよ。 このような結果に。右側にファイルの大きさとファイルサイズの表があります。それぞれ画像を開いて確認できますよ。また、オリジナルサイズとの比較も図解されているので分かりやすいですね。図解の下にダウンロードリンクがありますので、リサイズされた画像を一括でダウンロードできます。ぜ
![レスポンシブデザイン用の画像を一括生成してくれるサイト「Responsive Image Breakpoints Generator」 | ライフハッカー・ジャパン](https://cdn-ak-scissors.b.st-hatena.com/image/square/0bc877fd99e2f3b5c1d8ae61dc80a5100e64ccea/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2016%2F02%2F160212_re.jpg%3Fw%3D1280%26h%3D630%26f%3Djpg)