Responsive Image Breakpoints Generator
「Responsive Image Breakpoints Generator」は、レスポンシブデザイン用に画像をまとめて複数サイズ生成してくれるサイトです。様々な画像サイズの画像をいちいち用意せずとも、元となる一枚をブラウザ上にアップロードするだけで簡単にレスポンシブデザイン用の画像を作成することができます。また、貼付け用コードも同時に生成される実用的なものとなっています。
面倒なリサイズ作業を自動でやってくれる
生成したい画像サイズのパターンや容量などを設定します。
元となる画像を「UPLOAD FILE」よりアップロードします。
生成された画像が一覧で表示されます。「View image」より画像を確認できます。
生成された画像サイズの比較が確認できます。
htmlの画像タグのサンプルコードも一緒に作成されます。
それぞれ画像に応じたマークアップが用意されているのはありがたいですね。今まで一つ一つ手で生成していた方にとっては、かなりの時間短縮につながるはずです。レスポンシブデザイン用の画像の準備が面倒なときなどは、「Responsive Image Breakpoints Generator」に任せてみてはいかがでしょうか。是非、お試しあれ。
コメント