![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
スマホホームページ用のヘッダーロゴの作成について質問させて頂きます。
現在、横1450px 縦530px 144ppiのPNG画像を
ホームページのヘッダーに設定したのですが
画質が落ちすぎて文字が読めない状態です。
推奨サイズが横240px 縦40pxとありますので
画像の大きさが違いすぎてそうなるのかと思い
Photoshopでリサイズを試みましたが
それも画像が落ちすぎてしまい上手くリサイズできませんでした。
調べても調べても、画質の荒さ大きめの画像を使えば解決されるという答えしか見つからず困っております。。
ホームページに設定後画質が落ちるのは大きさの問題ではないのでしょうか?
全く無知で申し訳ないのですが
どなたか詳し方、教えて頂けたら助かります
宜しくお願い致します。
A 回答 (3件)
- 最新から表示
- 回答順に表示
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_16.png?5a7ff87)
No.3
- 回答日時:
あっ、そういう事なんですね。
印刷用の画像ではppiが有効ですが、スマホやpcで無視されます。
ディスプレイモニタの解像度内でしか表示出来ないからです。
px数のみが関係します。
また、印刷用の色表現はymcですが、スマホやpcはRBGです。
原理的にピタっと同じにする変換は出来ません。
これらを考慮してディスプレイモニタ用画像を作るしか無いと思います。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_16.png?5a7ff87)
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ランキング
-
スクリーンショットをエクセル...
-
画像のサイズとは? KBの数...
-
このアプリの質問に回答する時...
-
ココナラにて「サムネイル」と...
-
ペイントで画像の一分を切り取...
-
ウインドウ幅に合わせてレイア...
-
ファインピクス撮った画像を小...
-
wordpressのスライドにつきまして
-
Blogger/アップロードの画像サ...
-
ブログ記事に画像を入れた時の...
-
グーグルドライブ、勝手に共有...
-
【ExcelVBA】各セルをダブルク...
-
line
-
QRコードを保存する方法を教え...
-
エクセルVBAを使用し、指定のパ...
-
JPEGの編集(一部を切り取り保...
-
Webページ保存によるテキストボ...
-
Dropboxでアップロード出来ない...
-
seesaaブログで表示が崩れます。
-
WordPressのナビゲーションメニ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スクリーンショットをエクセル...
-
Excel2010マクロ/挿入した画像...
-
ブログ見出し画像のサイズと容量
-
gooブログでのサムネイル画像サ...
-
FC2ブログ 写真の大きさを縮小...
-
アメーバブログのアメンバー限...
-
Livedoorブログで写真、文章が...
-
画像のサイズとは? KBの数...
-
ビルの網とのはずしかた
-
FC2ブログのサムネイルサイズ変更
-
gooblogに載せる写真のサイズに...
-
ブログの画像
-
みなみけ待ち受け画面
-
ライブドア ブログ 画像
-
ファインピクス撮った画像を小...
-
ワードプレス
-
画像リンクを別ウインドウでサ...
-
Macのプレビューを使い、PDF内...
-
グーグルドライブ、勝手に共有...
-
line
おすすめ情報
追記です!
元の元画像は2048px ✖️ 2048px 350ppiです。
これをどうにかスマホ用ホームページのヘッダーに設定できるようにする方法がありましたらお願い致しますm(._.)m