の まとめ

デジタルガジェットレビュー、Mac ・ iPhone・ WordPressのコード、食レポなどをまとめて比較してお届けします。

Photoshopでjpgのdpiを指定して書き出す方法とjpgの解像度を調べる方法

      2017/02/22

商標登録するイメージファイルを作る必要がありjpgファイルにdpiを指定することになりましたが、意外と手こずったのでメモを残します。

Photoshopでdpiを指定してjpgファイルを作成する方法

Photoshopで「Webおよびデバイス用に保存」でjpgを作成すると、dpiが72になってしまいます。
jpgのdpiを指定して書き出すには、「ファイル」→「別名で保存」でjpgを指定します。

Photoshopでdpiを指定する方法

「画像」→「画像解像度」を選択します。

解像度の項目に任意の数値(例では200)を入力し、単位はpixel/inchをします。

解像度

jpgの解像度を調べる方法

Windows:対象ファイルを右クリックして、「プロパティ」→「詳細」タブから確認できます。
macOS:対象ファイルをダブルクリックしてプレビューで開く → ツールインスペクタを表示する → ノートマーク(一般情報)タブから確認できます。

まとめ

Photoshopでjpgを書き出すときはデフォルトだと72dpiになってしまうので注意が必要です。

参考

イメージファイルの規定

 - JS,PHP,CSS , ,

336-280

  関連記事

【Webアプリ】iPhoneの画面に合わせて表示したい|画面サイズに合わせてコンテンツを表示する方法

PC向けにつくったWebページを、iPhoneなどのスマホで見たときに画面サイズ …

no image
【PHP】ユーザーがフォームで入力した内容を表示するなら「htmlspecialchars」する

Webアプリケーション作成で必要なセキュリティ対策として、htmlspecial …

文字化けしたファイルがWebサーバーから削除できないときの対処方法

文字化けしているファイルが、Webサーバーから削除できない場合の対処方法を紹介し …

段組
【CSS】段組レイアウトの基礎・サンプル付き

CSSによる段組レイアウトの基礎とサンプルです。 段組レイアウトサンプル サンプ …

ulタグ、liタグを使った横並びメニューの作成方法

はじめに ヘッダーなどに使う横並びのメニュー。 HTMLの構造的にもulタグ、l …