- ベストアンサー
画像の表示について
お世話になります。 300×200 のpng画像があります。 その画像を600×400に等倍で大きくします。 この (1)元の300×200の画像 (2)(1)を大きくした600×400の画像を 仮にスマホ画面が600×400のものがあった場合、 (1)と(2)は、まったく同じ画像品質になるのでしょうか？ 素人で申し訳ございませんが、よろしくお願いします。
- dosiroutodesuyo
- お礼率23% (28/119)
- 画像・動画・音楽編集
- 回答数5
- ありがとう数2
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
あなたが試そうとしている内容を、ごく単純にお答えすれば「同じ」です。同じ。 色々と難しい理論があって、専門的に考えるからややこしいのであって、拡大前の画像を拡大したサイズ一杯の画面で見るのと、拡大しておいた画像を、そのまま同じサイズで見るわけですからね。 正確には、細かい画質云々はあるでしょうが、たかだか600×400程度の画面で見るのですから、何ら支障はないと思われます。 余計なことですが・・・・ 「まったく同じ画像品質になるのでしょうか」と問われたので、詳しく説明された方もおられます。 ただ、お答え頂いた方の内容が気に入らなければ、コメントはなしで”無視”しましょうね。
その他の回答 (4)
画像を可逆にすると当然ですが、解像度が落ちます。 解像度とピクセル数の関係が理解できていますか？・・・ デジカメの宣伝で、ギガピクセルだからきれい！という宣伝に騙されていませんか？ ＣＣＤという昔のフイルムと同じ役目をする部分の面積が、１番の問題です。 35m/mフイルムと６ｘ７版のフィルムでは、焼き付けた場合倍率がどうなっているか？・・・ この辺を考えればわかることです。 ＷＥＢであろうが印刷であろうが結果は同じです。 明らかに伸ばしたほうの解像度が悪い！
補足
>ＷＥＢであろうが印刷であろうが結果は同じです。 >明らかに伸ばしたほうの解像度が悪い！ (1)(2) 両方とも伸ばしてます。 質問に対する回答ができないなら、回答しないでください。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
ブラウザの特性によります。 基本的にはスマホは画面解像度が高いので、大きめな画像をスタイルシートで画面幅に合わせます。 特に印刷が想定される場合は印刷(表示サイズ)の数倍の画素数でないときれいに印刷できません。 ★300×200 のpng画像があります。 できれば、1200px幅にしてサイズを小さくするほうが無難です。 ＞(1)と(2)は、まったく同じ画像品質になるのでしょうか？ ブラウザと使用する画像処理ソフトの機能比較になりますから一律な比較はできませんん。 [サンプル] ★HTML5 ★リキッド480px幅以上任意のウィンドウサイズ ★印刷用は別スタイル ★画像(./images/test.png)は800×600の物を使用しています。 ディスプレイ幅に合わせてページも画像も伸縮します。 ★タブは＿に置換してあるので戻す。 <!doctype html> <html> <head> ＿<meta charset="utf-8"> ＿<title>サンプル</title> ＿<meta name="description" content=""> ＿<meta name="author" content="IRUKA"> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]-->＿<link rel="stylesheet" href="css/style.css"> <style media="screen"> <!-- header,section,footer{width:80%;max-width:800px;min-width:470px;margin:0 auto;padding:5px;position:relative;} figure{width:60%;min-width:300px;margin:0 auto;position:relative;} figure img{width:100%;height:auto;} body{background-color:gray;} header,section,footer{background-color:white;} --> </style> <style media="print"> <!-- header,section,footer{width:100%;} figure{width:40%;float:right;} figure img{width:100%;height:auto;} footer{clear:right;} --> </style> </head> <body> ＿<header> ＿＿<h1 id="title">Your title</h1> ＿＿<nav> ＿＿＿<ul> ＿＿＿＿<li><a href="#">Some</a></li> ＿＿＿＿<li><a href="#">navigation</a></li> ＿＿＿＿<li><a href="#">links</a></li> ＿＿＿</ul> ＿＿</nav> ＿</header> ＿<section> ＿＿<h2>画像</h2> ＿＿<figure> ＿＿＿<img src="./images/test.png" width="400" height="300" alt="ABCの画像"> ＿＿</figure> ＿</section> ＿<footer> ＿＿<h3>A nice footer</h3> ＿</footer> </body> </html>
補足
>特に印刷が想定される場合は印刷(表示サイズ)の数倍の画素数でないときれいに印刷できません。 >できれば、1200px幅にしてサイズを小さくするほうが無難です。 質問に対する回答をお願いします。
- unknown46
- ベストアンサー率58% (2591/4407)
>仮にスマホ画面が600×400のものがあった場合、 pngだった場合、 大抵は、拡大縮小されてると思いますので、同等だと思います JPEGだった場合、大きい画像のほうが劣化してるかと 大抵は ＞300×200 のpng画像 があるなら、 ＞仮にスマホ画面が600×400のもの 600×400のものを、縮小してると思います （あるいは、その逆）
お礼
ありがとうございます。 「同等」というご返事助かりました。
- chie65536（@chie65535）
- ベストアンサー率44% (8741/19839)
＞(1)と(2)は、まったく同じ画像品質になるのでしょうか？ 同じになる保証はどこにもありません。 同じになるのは「拡大時に、まったく同じアルゴリズムで拡大処理した場合だけ」です。 スマホの画像表示機能が、拡大にどのようなアルゴリズムを用いているか判らないし、質問にある「等倍で大きく」の部分でのアルゴリズムが明記されていないので、回答は「やってみないとどうなるか判らない」です。 一応「同じアルゴリズムで拡大すれば、同じ拡大画像が得られる」とは言えますが、スマホでどんなアルゴリズムが使われているか判らないので、同じ拡大画像が得られる確率は「実質的にゼロ％」です。
お礼
>あなたが試そうとしている内容を、ごく単純にお答えすれば「同じ」です。同じ。 ありがとうございます！！！