IDEA ATOZ

管理人がみつけたWebサービスや役立つ情報をお届け

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

3

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」に任せてみてはいかがだろう。それぞれ画像に応じたマークアップが用意されているのは便利だろう。是非、お試しあれ。

ウェブサービス

関連記事

これは面白い!指定したURLを絵文字に変換してくれるサイト「linkmoji」

「linkmoji」は、指定したURLを絵文字のアドレスに変換してくれるサイトだ。生成したURLはカラフルで可愛らしい絵文字であるだけでなく実際に使用することができる。TwitterやFacebookなどSNSで使えば注目されること間違いなし。

画像から背景を自動認識して透過処理を行ってくれるWebサービス「Background Burner」

「Background Burner」は、画像の背景を自動で認識して透過処理を行ってくれるサイトです。どこの部分が背景なのか、どの部分がメインの物体なのか指定しなくても場所を自動で識別し処理を行ってくれます。Photoshopなのどツールを使えば精度の方はもちろんですが、「Background Burner」は、Web上で透過をすべて完結することができます。お気軽に透過処理を行いたいってときに重宝するサービスです。

溶け込み過ぎ!指定した画像でうまく顔写真を合成してくれるサービス「Photo505」

「Photo505」は、指定した画像にエフェクトを追加して合成写真を生成してくれるサイトです。顔認識をして、しっかり溶け込むような画像を作成してくれます。

指定した画像をスマホ・タブレットのディスプレイに上手く合成してくれるサイト「placeit」

「placeit」は、スマートフォンやタブレットの画面に好きな画像を埋め込み生成してくれるサイトです。デバイス機器にサイトのスクリーンショットが写っているような画像を作りたいときなんかに便利。Photoshopのような画像編集ソフトを使用せずとも全てウェブ上で完成することが出来るのが嬉しいところ。iPadとiPhoneが同時に写り込んでいるような写真でも2台のデバイスの画像をそれぞれで指定して合成できるのが凄い。

顔を自動検出してモザイクを掛けてくれるWebサービス「Privacy Image Editor」

「Privacy Image Editor」は、指定した画像に自動でモザイクを掛けてくれるWebサービスです。ブラウザ上で画像をアップすることで手軽にモザイク処理を行うことができます。自動で顔を認識してエフェクトを掛けてくれるのでちょっとした写真にモザイクを施したいときなかに便利です。

【スマホ対応】簡単に複数の画像をアップロードできるサイト!「drp.io」

「drp.io」は、複数の画像を一括で簡単アップロードできるサイトです。使い方はいたってシンプルで画像ファイルをドラッグ&ドロップするだけで完了します。登録不要でスマホからのアップロードも対応しているので写真を共有したいときなんかに便利です。

任意の画像を指定するとその画像の内容に合った絵文字を表示してくれるwebサービス「THE EMOJINI 3000」

「THE EMOJINI 3000」は、任意の画像を指定するとその画像に合わせた絵文字を表示してくれるWebサービスです。画像を選択すると自動で写っているものを捉えそれに関連する絵文字を提案してくれます。ハッシュタグや文章のワンポイントとして絵文字を使用する際に活用してみると便利かもしれません。

YouTubeから「gif」ファイルを簡単に作成してくれるサービス「GIF YouTube」

「GIF YouTube」は、YouTubeの動画からアニメーションGIFを生成してくれるWeuサービスです。動画のURLを入力するだけで1~10秒のGIFアニメに変換してくれます。すべてブラウザ上で完結するので気軽にGIFの生成ができて便利。

ショートコードを書くだけ!QRコードを自動生成してくれるWordPressプラグイン「QR Code WordPress Plugin」

「QR Code Wordpress Plugin」は、QRコードを自動生成してくれるWordPressプラグインです。QRコードを使ってスマホ端末などから誘導したい時なんなかに便利です。

簡単にツイッターの背景画像を生成する事が出来るサービス「Free Twitter Designer」

「Free Twitter Designer」は、Twitterの背景画像を生成してくれるサービスです。お好みのテーマを選んで自由にカスタマイズすることが可能です。画像を追加したりテキストを追加したり自由自在。

Message

メールアドレスが公開されることはありません。