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

ウェブサービス

関連記事

指定したキーワードからイメージに合った配色を自動生成してくれるサイト「Colores」

「Colores」は、指定したキーワードよりそのイメージにあった配色を教えてくれるサイトです。キーワードを入力するとそれに関する画像を取得してそこから色を抽出する仕組みになっています。日本語にも対応しており、手軽にキーワードに関する配色を調べることができます。

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

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

プロフィールアイコンに最適!画像をレゴブロック風に変換してくれるサービス「Brick-A-Pic」

「Brick-A-Pic」はアップロードした画像を簡単にレゴブロック風の画像に変換してくれるサービスです。SNSアイコンにちょっとしたオリジナリティを出したいときなんかに使うと便利かも。

お手持ちの画像を簡単にポリゴンデザインに変換してくれるサイト「Kubist」

今、フラットデザインと共に静かに流行っているポリゴンスタイル。「Kubist」は、手持ちの画像を簡単にポリゴンスタイルへサッと変換してくれるサイトです。すべてブラウザ上で完結することができ、IllustratorやPhotoshopなどのソフトを使用しなくともブラウザ上ポリゴンスタイルを作成することができます。

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

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

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

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

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

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

簡単にJPG、PNG、GIF、SVG画像を圧縮してくれるサービス「Compressor.io」

「Compressor.io」は、無料でJPG・PNG・GIF・SVGの形式の画像を圧縮できるツールです。画像ファイルをブラウザでアップロードするだけで瞬時にファイルサイズを小さくしてくれるのが特徴。

PDFファイルを編集可能なWord形式に変換してくれるサイト「Convertii」

「Convertii」は、PDFファイルから編集可能なWord形式へと変換してくれる便利なサイトです。日本語にも対応しており、文字化けすることなくきちんとコンバートすることが可能。一般的に、一度PDFとしてファイルを出力してしまうと、Wordファイルに戻すのは中々難しいものです。元のWordファイルが無い状態でPDFのファイルをちょっと修正したいってときもあると思います。そんなときは、「Convertii」を利用して編集可能なWordファイルに変換してみてはいかがだろうか。

簡単にSVGベースのシームレスなパターン画像を生成してくれるWebサービス「Plain Pattern」

「Plain Pattern」は、SVGベースのシームレスなパターン画像を簡単に生成してくれるWebサービスです。ブラウザ上でプレビュー確認しながらサッサと編集ができます。サイト制作やPhotoShopで継ぎ目のない素材を使いたいときに便利です。

Message

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