

画像のサイズ変更や背景色の透明化ができるサイトを知りたいです



Adobe Expressなら無料で画像の編集ができます
WEB制作やブロク記事の作成では、画像のサイズ変更や背景色の透明化といった画像編集をよく行います。
そういう場面で使用できる無料のWEBサービスAdobe Expressに付いて説明します。
Adobe Expressの使い方
Adobe Expressのサイト(https://www.adobe.com/jp/express/)にアクセスします。
Adobe Expressを使用するにはAdobe IDまたはSNS認証でAdobe Expressへのログインが必要です。
ログインしていなくても操作できますが、編集した画像をダウンロードする際にログインを求められます。
一番上の機能
をクリックして開くと画像編集機能のメニューが表示されます。


画像のサイズ変更
画面の一番上の機能
メニューから画面のサイズ変更
をクリックします。


画像サイズ変更のページが開きますので 画像のアップロードボタンをクリックします。


画像のアップロード画面になるので、画像をドロップあるいはデバイス内を参照をクリックします。


アップロードするファイルを選択します。


アップロードされた画像が表示されます。


サイズ変更
を変えると、選択したアプリでよく使う画像サイズを簡単に選択できます。


サイズ指定後に画像をドラッグして移動すると、元の画像から切り出す位置を変えることができます。


画像の拡大
をスライドさせると画像を大きくすることができます。


WEBページ制作でよく使うサイズの場合は標準を選択します。


カスタム
を選択すると、変更サイズを自由に設定できます。


幅や高さのいずれかを変更すると、画像の縦横比に従ってもう一方の値も自動的に変わります。
鎖アイコン
をクリックすると、縦横それぞれ自由にサイズ指定ができるようになります。


変更するサイズを設定したら ダウンロードをクリックします。
サイズ変更した画像をダウンロードするには、Adobe Expressにログインする必要があります。(他の機能でも同じです。)
ログインしていない場合は、ここでログインまたは新規登録を求める画面が表示されます。


Adobe Expressの画面が開いて画像がダウンロードされます。


画像の背景を透明にする(背景を削除)
画面の一番上の機能
メニューから背景を削除
をクリックします。


背景除去の画面に移動するので 画像をアップロードをクリックします。


画像アップロードの画面になるので、画像をドロップあるいはデバイス内を参照をクリックします。


アップロードするファイルを選択します。


背景色が削除された画像が表示されます。
削除する背景色の設定などはできないようです。
背景を削除した画像をダウンロードするには ダウンロードをクリックします。


Adobe Expressの画面が開いて画像がダウンロードされます。


JPGをPNGに変換
画面の一番上の機能
メニューからJPGをPNGに変換
をクリックします。


JPGをPNGに変換
の画面になるので 画像をアップロードをクリックします。


画像アップロードの画面になるので、画像をドロップあるいはデバイス内を参照をクリックします。


アップロードするファイルを選択します。


アップロードされた画像が表示されますので ダウンロードをクリックします。


Adobe Expressの画面が開いてPNGに変換された画像がダウンロードされます。


PNGをJPGに変換
画面の一番上の機能
メニューからPNGをJPGに変換
をクリックします。


PNGをJPGに変換
の画面になるので 画像をアップロードをクリックします。


画像アップロードの画面になるので、画像をドロップあるいはデバイス内を参照をクリックします。


アップロードするファイルを選択します。


アップロードされた画像が表示されますので ダウンロードをクリックします。


Adobe Expressの画面が開いてJPGに変換された画像がダウンロードされます。


画像をトリミングする(範囲指定して切り出す)
画面の一番上の機能
メニューから画像をクロップ
をクリックします。


画像をトリミング
の画面になるので 画像をアップロードをクリックします。


PNGをJPGに変換
の画面になるので 画像をアップロードをクリックします。


アップロードするファイルを選択します。


アップロードされた画像が表示されます。


4隅の太い白枠の箇所にカーソルを合わせてドラッグすることで、画像を切り抜く範囲を設定します。
また、白枠内でドラッグして白枠を移動して、切り抜く位置を変更することもできます。


画像を切り抜く範囲を設定したら ダウンロードをクリックします。


Adobe Expressの画面が開いて切り抜いた画像がダウンロードされます。


より高度な画像編集を行うには
Adobe Expressは無料ということもあり基本的な編集機能しか備えていません。
より高機能の編集を行うにはPhotoshopなどのソフトが必要となります。
Photoshopを利用するにはAdobe Creative Cloudの購入が必要ですが、以下のようなスクールを受講すると学割価格で安く購入できるのでおすすめです。

