• GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきちカメきち  -   07:00 PM

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

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

160212_re.jpg


Responsive Image Breakpoints Generator」はレスポンシブデザイン用の画像を一括生成してくれるサイトです。レスポンシブデザインで画面サイズに応じて画像サイズも変更したいときにおすすめです。指定した画像を複数のサイズにリサイズしてくれ、一括でダウンロードできますよ。

以下に使ってみた様子を載せておきます。


まずResponsive Image Breakpoints Generatorへアクセスしましょう。適用したい画像をアップロードします。ファイルサイズや大きさの設定を同時に行えますよ。


160212_re2.jpg


このような結果に。右側にファイルの大きさとファイルサイズの表があります。それぞれ画像を開いて確認できますよ。また、オリジナルサイズとの比較も図解されているので分かりやすいですね。図解の下にダウンロードリンクがありますので、リサイズされた画像を一括でダウンロードできます。ぜひレスポンシブデザインに最適な画像を生成したい際にご活用ください。


Responsive Image Breakpoints Generator

(カメきち)

MORE FROM LIFEHACKER

powered by

Kotaku

© mediagene Inc.