簡単に画像をリサイズする方法

簡単に画像をリサイズする方法

  • 2016-09-27  最終更新日:2016-09-27

最近画像のリサイズが簡単にできないかなと調べておりました。ソフトやアプリは多くありますよね。

iPhoneならImageResize、Simple Resize、バッチリサイズなどなど、Androidなら画像縮小 Image Shrink Lite、写真リサイズなどなど、最近はインスタ用に編集できるアプリ、InstaSize-フォトスタジオ画像加工&コラージュ編集などがありますよね。

WindowsならirfanviewとかMacならiMage Toolsとかまあ、簡単に画像がリサイズできるアプリって多いですね。

さてアプリを使っても良いのですが、ウェブ上でさくっとリサイズ出来るサイトはないものかと調べたらありましたのでご紹介します。


導入・使い方

海外のサイトになりますが使い方はとても簡単なのでご紹介します。Bulk Resize Photosというサイトになります

⇒公式サイト Bulk Resize Photos

bulkresizephotos

まずはじめにサイトからおもむろに画像をドラッグするかchoose imageをクリックして画像を選択します。

bulkresizephotos

今回はボタンをクリックして画像を選択します。

bulkresizephotos

左側にメニューボタンがあります。それぞれの説明は以下の通りです。

  • Scale (割合:パーセンテージ指定でどれぐらい縮小するかをきめます)
  • LongestSide(長辺:縦・横の長い方を縮小します。ピクセル指定)
  • Width(横幅:写真の横のサイズを元に縮小します。)
  • height(縦幅:写真の縦幅のサイズを元に縮小します。)
  • ExactSize(絶対幅:指定サイズで縮小します。足りない部分は白になります。)
  • Add Watermark(透かし画像:指定したすかし画像を真ん中に入れることが出来ます。)

いずれも例(Examples)が載っているのでサイズ変更イメージがつきやすいですね。

まずはScaleメニューからこちらはパーセンテージ指定でどれぐらい縮小するかをきめます。あらかじめ50%となっているので半分のサイズになりますね。 例では1920 × 1024 のサイズは 960 × 512のサイズになります。 4288 × 2848のサイズは 2144 × 1424となりますと書いてありますね。ちょうど半分になっているのがわかると思います。

bulkresizephotos

次には画像サイズの長い辺を指定サイズにて縮小します。こちらのメニューがよく使うと思います。あらかじめ800pxのサイズが指定してあります。横長なら横のサイズが800pxになり縦長なら縦のサイズが800pxになります。

こちらも例で1920 × 1024のサイズは 800 × 427となって 4288 × 2848のサイズは 800 × 531となりますと書いてあります。

bulkresizephotos

次は横幅サイズ指定です。横幅を指定するときに使います。

bulkresizephotos

次は縦幅サイズ指定です。縦幅を指定するときに使います。

bulkresizephotos

ExactSizeは絶対値になるので合わない場合の不足部分は背景色は白になります。

bulkresizephotos

Add Watermarkはすかし画像を入れることが出来ます。

こちらはリサイズとは関係ないのですが透過画像を入れることが出来ます。

場所は指定できないのが残念ですが真ん中に作成したpng画像を入れて透過をパーセンテージで指定できます。

bulkresizephotos

このように真ん中に画像が入ります。png画像を入れた例になります。透過50%です。

bulkresizephotos

メニュー一番下にproと表示されていますが料金がかかるわけではなくて詳細設定が出来るようになっています。画像形式をjpgかpngで選べるようになったり画質のクオリティを変更できたり、すかし画像と一緒にリサイズも出来るようになっています。


∞Tadashi Suyama∞

bulk photo resize web リサイズ バルク
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

サイト内検索

最近の投稿

アイキャッチ
そろそろvuejs始める

最近はjQueryよりvueで書いた方が楽ではないかと思い学習中です。 そもそもVuejsはドキュメントが日本語対応なので試しやすいし情報も豊富なので学習しやすいです。 3大フレームワークと呼...

02 May 2021

アイキャッチ
追い風CSS(tailwindcss)が結局楽かも

最初にtailwindcssのv1が出た頃はまだbootstrapで良いかな。 htmlに入れるクラスタグが多過ぎと思っていました。あまり良い印象はなかったです。 時は過ぎいろいろと触っていると...

29 Apr 2021

アイキャッチ
エラー処理について

COJPドメンを取得する際に「登記年月日」という項目があります。 その項目通り登記した年月日を入れる訳ですが、なぜかエラーが出ました。 半角英数字にして下さいというよくあるエラーです。当然半角英...

24 Jan 2021

アイキャッチ
javascriptのundefinedの判定

jqueryで高さの数値をとって足し算をしていたらエラーも出ずに動かないということになったので調べてみました。 ワードプレスで管理画面のアドミンバーが一度ログインするとフロント画面でも表示される...

17 Jan 2021

アイキャッチ
Webpack5にアップデートしてエラーの対処方法2つ

webpack4(4.41.5)から webpack5(5.12.1)にあげました。 特に難しい設定は行っておらず主にscssと共通モジュールの設定だけで使っているのですがそれでもエラーが出たの...

09 Jan 2021

著者

ウェブエンジニアの須山のブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

bulk photo resize web リサイズ バルク
フッターイメージ