解像度（dpi）とは Photoshopなどのグラフィックソフトを使っていると「解像度」とか「dpi (DPI)」といった言葉や単位を目にします。 「写真を印刷したが、どうもカクカクしている」という経験をお持ちの方もいらっしゃるかと思いますが、これは 解像度は印刷サイズを決定する ※ ペイントで印刷する場合の解像度については、 「ペイントキャンバスのサイズ」の「解像度と単位」もお読みください。 解像度って何？ 最初は、「解像度とは何ぞや？」と思いますが、 何度も写真をプリントしたり、スキャナにかけたりしているうちに 「解像度」の単位が「dpi」！ では「解像度」とは何でしょうか？ 「解像度」とは、画像の密度のことです。 その単位が「dpi」。「dpi」は「dots per inch（ドット・パー・インチ）」の略で、 1インチにどれだけ「ドット」が含まれているかを表しています。

jpgなどの写真の解像度（dpi）をオンラインで調べることができる確認ツール（フリーソフト）です。無料でお使いいただけます。印刷や看板のデザイン制作時に写真を使う場合、画像が荒れてしまわないか解像度が分かれば事前に確認することができます。 画像解像度がスクリーン線数の 2.5 倍を超える場合、画像をプリントしようとすると警告メッセージが表示されます。これは、画像の解像度が、そのプリンターでの適正値よりも高いことを示しています。ファイルのコピーを保存し、解像度を下げます。 写真にシャープネス処理をするにも、ウェブにアップするのに適したサイズにするにも、画像データのサイズ変更が必要です。画像データのサイズの単位はpx、mmなど何種類もあり、解像度によって寸法の表記が変わります。画像データのサイズ変更には若干の知識が必要です。 ¥ã‚½ãƒ•ãƒˆã§æ•°å€¤ä¸Šã¯å¢—やすことができますがオススメできません）今お持ちの写真を看板デザインの中でどのくらい大きく使えるのかを事前に把握した上でレイアウトを考えれば写真が荒れてしまうという心配はなくなります。運営:株式会社 サインモール〒170-0005(C)2016 signmall All rights reserved. TEL:011-206-9235TEL:011-206-9235Our ActivitiesINDETAILからのお知らせDTP／Web制作をしていると解像度という言葉をよく耳にしますが、解像度の扱いって意外と難しくないでしょうか？そもそもDTPの解像度とWebの解像度は別物ですし、CSSピクセルやdipとか出てくると...もう頭痛い！わからなくなっては調べて...また忘れて...の繰り返しです。そろそろケリをつけるべく備忘録としてまとめてみました。解像度を難しくしている一番の原因はdpi, ppiといったどちらの解像度についての説明なのかを意識して、本記事や他サイト記事を読むとより理解が進むのではないかと思います。印刷（DTP）における解像度は、1インチ（単位の前の数字は正方形の面積ではなく、DTPにおける解像度の説明は以上です。シンプルでありがたいですね。Webにおける解像度は密度ではなく、単純に画面上にあるWebでは密度としての解像度はないと言いましたが、厳密にいうとDTPのように1インチあたりのピクセル数としてdpi、ppiは存在します。ディスプレイの1インチあたりのピクセル数です。ただ実用的に使われることはあまりないので、Webにおいては【解像度＝画面解像度】と考えた方が現実的です。ピクセルは画面を構成する要素（色情報など）の最小単位ですが、デバイスのディスプレイによって1ピクセルの大きさが変わります。同じ画像（同じピクセル数の画像）でも高解像度のモニターでは小さく、低解像度のモニターでは大きく表示されます。まー当たり前といえば当たり前なんですが、とても大事なことなのでっPhotoshopなどの画像編集ソフトで画像を作成/加工する際に、解像度（dpi）の数値を変更してもピクセル数が変わらなければ同じ画質になります。Retina対応するために2倍のサイズで作成すると言って、解像度を72dpiから144dpiにあげてもなにも変化はありません。なぜならピクセル数が同じだから...上図はPhotoshopで解像度を変えた写真です。Retina対応させたいのなら、ピクセル数を2〜3倍にしましょう。たまにWeb制作時に解像度を72dpiに設定するとか、Macでは92dpiで制作するとか耳にすることがありますが、どう考えても道理にかないません。Web用の画像を作成する際にはdpiを意識する必要はありません。Retinaをはじめとする高解像度モニターに対応するために必要な知識として「CSSピクセル」と「デバイスピクセル」そして「デバイスピクセル比」があります。CSSピクセル　×　デバイスピクセル比　＝　デバイスピクセルさて、いよいよ面倒臭くなってきましたね...デバイスピクセルは画面解像度のことなので大丈夫ですね。ディスプレイのピクセル数のことです。せっかくディスプレイを高解像度にしても、その分サイズが小さくなってしまっては意味がありません。解像度が大きく異なるディスプレイでも、見た目の大きさが同じようになるように整えているのがCSSピクセルで、先ほどの例ですと通常のディスプレイでは高解像度（例：2倍）のディスプレイでは、4つのピクセルの塊をCSSピクセルによって、どのディスプレイでも要素のちなみにCSSピクセルはデバイスで認識および実行されるので、制作者が設定する必要はありません。ただ、高解像度ディスプレイに表示した時にボケないように画像を大きく作成する必要があるため、どのディスプレイまで対応させるかを確認するために、CSSピクセルやデバイスピクセル比を参照する必要は出てきます。やはり、面倒臭がらずにきちんと理解しておいた方が良さそうです。私はAndroidアプリをコーディングしたことがないため、dpに関しては経験に基づく紹介はできません。色々調べた情報を簡単にまとめさせていただきます。dip（density-independent pixels）とはAndroidのアプリのおいて、前述のCSSピクセルの役割を果たしているのがdp（dip）という単位です。dpで要素の大きさを指定することで、どのディスプレイでも見た目の大きさが（ある程度）統一されます｡Android端末は解像度（dpi）が違うものが数多くあるため、密度の範囲によってグループ分けされています。ldpi(低解像度)、mdpi(中解像度)、hdpi(高解像度)、xhdpi(超高解像度)、xxhdpi(超高解像度)のような分けられ方です。上記の表を参照すれば、8dpを指定するとmdpiのディスプレイでは8pxで表示され、xxhdpiでは3倍の24pxで表示されるというわけです。▼参考サイト解像度について解説しているブログは多々あります。しかしながら、個人的に不明点を全て網羅している記事が見つかりませんでした。そのため自分で必要な知識をまとめた次第なのですが...そもそも解像度の定義が複数あり、置かれている立場によって必要な知識が変わってくるため、万人が納得いく記事を書くことが非常に難しいということが今回書いてみてわかりました。本記事も個人的な目線で解説した備忘録となっておりますが、読んだ方が少しでも解像度についての理解を深めていただけたら嬉しいです。© INDETAIL Co., Ltd.

解像度が大きく異なるディスプレイでも、見た目の大きさが同じようになるように整えているのがCSSピクセルで、先ほどの例ですと通常のディスプレイでは100pxで表示されるところを解像度2倍のディスプレイでは200pxで表示されます。