![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
スマホホームページ用のヘッダーロゴの作成について質問させて頂きます。
現在、横1450px 縦530px 144ppiのPNG画像を
ホームページのヘッダーに設定したのですが
画質が落ちすぎて文字が読めない状態です。
推奨サイズが横240px 縦40pxとありますので
画像の大きさが違いすぎてそうなるのかと思い
Photoshopでリサイズを試みましたが
それも画像が落ちすぎてしまい上手くリサイズできませんでした。
調べても調べても、画質の荒さ大きめの画像を使えば解決されるという答えしか見つからず困っております。。
ホームページに設定後画質が落ちるのは大きさの問題ではないのでしょうか?
全く無知で申し訳ないのですが
どなたか詳し方、教えて頂けたら助かります
宜しくお願い致します。
A 回答 (3件)
- 最新から表示
- 回答順に表示
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_16.png?e8efa67)
No.3
- 回答日時:
あっ、そういう事なんですね。
印刷用の画像ではppiが有効ですが、スマホやpcで無視されます。
ディスプレイモニタの解像度内でしか表示出来ないからです。
px数のみが関係します。
また、印刷用の色表現はymcですが、スマホやpcはRBGです。
原理的にピタっと同じにする変換は出来ません。
これらを考慮してディスプレイモニタ用画像を作るしか無いと思います。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_16.png?e8efa67)
No.2
- 回答日時:
それは無理でしょう。
画像はディジタルデータなんだけど、その画像を作った大元の画像の解像度が低ければ、意味ないでしょう?
たとえば、ピンボケ画像を写真にとって、それをPCやスマホにいれて、048px ✖️ 2048px 350ppiです、と言ったって、ぼやけた物が忠実に再現されるだけです。
またスマホの1pxは縦2px・横2pxの4pxを1pxとして扱うので、これも要注意です(元の4px分が混ざって1pxになる訳だから・・・)。
ご回答ありがとうございます!
ピンボケした画像を2048px × 2048px 350ppiに加工したのではなく、印刷用データとして作成して頂いたので元画像が2048px × 2048px 350ppiです。
印刷しても綺麗なので元画像の画質は悪くないと思っていたのですが、印刷用とデジタルでは違うのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Mac OS Macで画像の切り抜きできないの? 2 2023/04/02 09:31
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- 美術・アート 【Photoshop】設定したサイズが正しく反映されない事象の解決方法 1 2022/08/31 22:53
- PDF 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 1 2022/03/31 19:09
- その他(IT・Webサービス) 画像調整してスクショし保存した画像をPC画面と同画質で印刷する方法 3 2022/03/31 19:11
- HTML・CSS 詳しい方に質問です。 早急に解決したいと思っています。 ポートフォリオをMacBook で作成したと 2 2023/05/12 17:40
- フリーソフト 倍率自動調整して全画面表示できるフリーの画像ビューアー 1 2023/08/24 10:55
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- デジタルカメラ 画像ファイルのサイズを理解する方法についてお教えください。 3 2022/09/18 12:54
- Word(ワード) 写真3枚をA4に貼り付けたい 5 2023/07/03 14:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ワードプレスCocoonで作ったペ...
-
投稿した文書の編集ができません。
-
外国人のコメント欄でよく、コ...
-
ワードプレスの403エラーについて
-
「ページにリダイレクトがあり...
-
ワードプレスのプラグイン
-
Adobe Express(アドビエクスプ...
-
ワードプレステーマkatawaraのCSS
-
ワードプレスのテーマ:katawara
-
ホームページやブログに関しま...
-
ワードプレスに詳しい方に質問...
-
HPを作りたいと考えているので...
-
ワードプレスでデータの移動
-
ワードプレスで新規で新しい記...
-
WP ショートコードの編集?
-
WPにログインした状態で、自分...
-
ワードプレスにユーチューブの...
-
グーグルサーチコンソール。サ...
-
ワードプレスで投稿(ブログ)...
-
レンタルサーバーを借りて、物...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スクリーンショットをエクセル...
-
FC2ブログ 写真の大きさを縮小...
-
ココナラにて「サムネイル」と...
-
画像のサイズとは? KBの数...
-
seesaaブログに画像が、思った...
-
Livedoorブログで写真、文章が...
-
goo簡単HP。バナーのサイズつい...
-
Excel2010マクロ/挿入した画像...
-
gooブログでのサムネイル画像サ...
-
wordpressのスライドにつきまして
-
Blogger/アップロードの画像サ...
-
ワードプレス
-
ファインピクス撮った画像を小...
-
画像リンクを別ウインドウでサ...
-
アメーバブログのアメンバー限...
-
写真が大きくならない
-
macbookairで複数写真のサイズ...
-
GIFアニメ画像のサイズの変換
-
このアプリの質問に回答する時...
-
スマホ用ホームページのヘッダ...
おすすめ情報
追記です!
元の元画像は2048px ✖️ 2048px 350ppiです。
これをどうにかスマホ用ホームページのヘッダーに設定できるようにする方法がありましたらお願い致しますm(._.)m