メインコンテンツへ移動
ToolShed
検索
⌘
K
人気
新着ツール
?
読み込み中...
🏠
探す
☰
カテゴリ
🔥
人気
?
について
ホーム
/
画像・軽量ファイル
/
スクリーンDPR
▨
スクリーンDPR
image/image-screen-densities
1xから4xまでのDPRとAndroid密度名、Retina相当の呼び方を一覧表示します。
最終更新日
2026-07-03
・ by
yuzlrin
このツールでできること
スクリーンDPRでは、1xから4xまでのDPRとAndroid密度名、Retina相当の呼び方を一覧表示します。
関連する観点として スクリーンDPR、screen density ratios、image screen densities を確認し、結果をコピーして別の作業に使えます。
項目
内容
1x
標準
1.5x
Android hdpi
2x
Retina/xhdpi
3x
xxhdpi
4x
xxxhdpi
使い方
Item列で1x、1.5x、2x、3x、4xのDPRを確認します。
Content列で標準、Android hdpi、Retina/xhdpiなどの対応名を見ます。
画像アセットを用意する倍率を、対象端末のDPRに合わせて選びます。
srcsetやアイコン書き出しの倍率表として参照します。
入力例・出力例
INPUT
2x
OUTPUT
Retina/xhdpi
2倍画像や@2x素材を用意する目安です。
INPUT
4x
OUTPUT
xxxhdpi
Androidの高密度向け分類として確認できます。
よくある利用シーン
Web画像の1x/2x/3xアセットをどこまで準備するか決めたいとき。
Androidのhdpi、xhdpi、xxhdpi表記をDPRへ読み替えたいとき。
デザイナーと開発者の間で画面密度の呼び方を揃えたいとき。
結果確認のポイント
出力サイズ、縦横比、ファイル形式、画質が用途に合っているか確認してください。
スクリーンDPR、screen density ratios、image screen densitiesの観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。
注意点
重要な元画像は別に保存し、必要に応じて元データと比較してください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。
データの扱い / プライバシー
スクリーンDPRの主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。
FAQ
よくある
質問
1x・2x・3xのデバイスピクセル比(DPR)とは何ですか?
DPRはデバイスの物理ピクセルとCSSピクセルの比率です。DPR 1xは1CSSピクセル=1物理ピクセル(通常ディスプレイ)、2xはRetinaディスプレイなど2倍の物理ピクセルを持つ端末(多くのスマートフォン)、3xはiPhone ProシリーズやPixelシリーズの高密度ディスプレイに相当します。
Retinaディスプレイ向けに画像を準備するにはどうすればよいですか?
2x対応の場合、表示サイズの2倍のピクセル数の画像を用意し、srcset属性で`image.png 1x, image@2x.png 2x`のように指定します。または幅ベースのdescriptorを使った`srcset`と`sizes`の組み合わせで複数解像度に対応させる方法も一般的です。
DPRが高いほど画像は高画質に見えますか?
DPRが高い端末に低解像度の画像を渡すと、物理ピクセルに引き伸ばされてぼやけた表示になります。DPRに合わせた解像度の画像を配信することで鮮明な表示が実現します。ただしファイルサイズも比例して大きくなるため、srcsetとsizesを活用した最適な配信が重要です。
関連ツール
画像圧縮
画像をブラウザ上で圧縮・軽量化。JPEG/WebP出力、品質スライダーで調整。サーバーにアップロード不要で安全。
alt属性チェックリスト
装飾画像、情報画像、リンク画像、キャプション重複、125文字目安など alt 属性の判断項目を表で確認できます。
バナーサイズ一覧
Leaderboard、Medium Rectangle、Mobile Banner など代表的な広告バナー寸法を一覧表示します。
ダミー画像生成
指定サイズのダミー画像(プレースホルダー)をCanvas APIで生成。色・テキスト・フォーマット指定可能。Webデザインに。
favicon生成
1〜2文字またはアップロード画像から 16/32/48/180/192/512px の PNG favicon を canvas で生成します。
ファビコンサイズ一覧
16×16 から 512×512 までの favicon 用途、HTML link タグ、manifest icons の雛形を確認できます。
<figure>タグ生成
入力した画像 URL を src に入れ、loading と decoding を付けた figure/figcaption の雛形を生成します。
アイコンサイズ一覧
favicon、Apple Touch、Android Chrome、Windows Tile、iOS/Android アプリの代表アイコンサイズを用途別に確認できます。