レスポンシブデザイン用の画像を一括生成してくれるサイト「Responsive Image Breakpoints Generator」

2

160420_a

Responsive Image Breakpoints Generator

「Responsive Image Breakpoints Generator」は、レスポンシブデザイン用に画像をまとめて複数サイズ生成してくれるサイトです。様々な画像サイズの画像をいちいち用意せずとも、元となる一枚をブラウザ上にアップロードするだけで簡単にレスポンシブデザイン用の画像を作成することができます。また、貼付け用コードも同時に生成される実用的なものとなっています。

面倒なリサイズ作業を自動でやってくれる

生成したい画像サイズのパターンや容量などを設定します。

160420_c

元となる画像を「UPLOAD FILE」よりアップロードします。

160420_b

生成された画像が一覧で表示されます。「View image」より画像を確認できます。

160420_d

生成された画像サイズの比較が確認できます。

160420_e

htmlの画像タグのサンプルコードも一緒に作成されます。

160420_f

レスポンシブデザイン用の画像の準備が面倒なときなどは、「Responsive Image Breakpoints Generator」に任せてみてはいかがだろう。それぞれ画像に応じたマークアップが用意されているのは便利だろう。是非、お試しあれ。

コメント