レスポンシブの時代、ブラウザサイズや端末がたくさんあってデザインが大変ですね..。最近は、1440px x 835pxでデザインしています。 ただブラウザで見てみないと実感がわかない、ユーザの気持ちがわからないので、何かプレビューする方法はないかと思っていたところ、見つけました。今までは、jpgで書き出して、ブラウザにドラッグしていたんです..。Web用に保存(command + option + shift + s)でダイアログが表示された後、左下にある「プレビュー… 」ボタンを押します。 SafariのResize Windowを使うと、指定したサイズにリサイズできて便利です。 Resize Window
![Photoshopのデザインデータをブラウザでプレビューする方法 – creamu](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc3066be9971dab3abbc3935ccf117542ddedb1f/height=288;version=1;width=512/http%3A%2F%2Fblog.creamu.com%2Fmt%2Fimg%2Fico_facebook_ogpimage.gif)