任意の画像をレスポンシブに対応したHTMLタグや画像を生成するジェネレーター・「Responsive Image Breakpoints Generator」

Ads

Responsive Image Breakpoints Generator


Responsive Image Breakpoints Generatorは任意の画像をRWD対応にする為のジェネレーターです。srcset属性による画像へのブレークポイントと縮小画像をサクッと作成してくれます。pictureタグの生成に加えてRuby、node.js、PHP等のコード生成にも対応していましたので画像のレスポンシブ周りは一通りサポートしている印象です。srcsetを非対応ブラウザに対応させるpicturefillも合わせてご参照下さい。本アプリはオープンソースとして公開されています。
※2016/01/28現在、Githubはダウンしていますのでソースをご入用の方は時間を置いてからアクセスしてみてください

Responsive Image Breakpoints GeneratorOn Github