【フォトショップ】Web用に保存がアートボードのサイズにならない時の原因と対処【Photoshop】

Web用に保存すると余白がある画像が出力される

Photoshop(フォトショップ)でサイト用の画像を作成していると、意図せず余白のある画像が書き出されました。

なんとか解決したので、ご紹介します。

分からず困っている人(今日までの自分)のために!!

対処・改善方法

  1. メニューの「イメージ」>「トリミング」をクリック
  2. 「トリミング対象カラー」の「透明ピクセル」をチェック
    (トリミングする部分はすべてチェックでOK)
  3. 「OK」ボタンをクリック

たったこれだけで解決!

あとはいつもどおり「書き出し」>「Web用に保存」で、アートボードに見えている範囲のみ書き出せます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

ABOUTこの記事をかいた人

幼少期、絵描きになりたくて毎日絵を描く。地元の写生大会で金賞受賞。
高校生の頃からバンドを組み、作詞・作曲・編曲・映像を担当。ライブで知り合ったバンドマンとは今でも仲良し。

25歳から独学でデザイン・ウェブ制作を0から学習し、ウェブデザイナーとして中途入社。自分だけの武器を探し、デザイン、マークアップ、企画、マーケティング、SNS、広告など片っ端から勉強。
今はその知識を活かしてPdMを担当。

その傍ら数々の副業(イラスト制作、アフィリエイト、古着転売、ハンドメイド、作曲)をして、現在30代に突入。

東海在住。
運営ブログ「シュマリ」は月間3万PV。
読んだ漫画は4万冊。