• ベストアンサー

画像の表示について

お世話になります。 300×200 のpng画像があります。 その画像を600×400に等倍で大きくします。 この (1)元の300×200の画像 (2)(1)を大きくした600×400の画像を 仮にスマホ画面が600×400のものがあった場合、 (1)と(2)は、まったく同じ画像品質になるのでしょうか? 素人で申し訳ございませんが、よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • shinotel
  • ベストアンサー率53% (907/1688)
回答No.5

あなたが試そうとしている内容を、ごく単純にお答えすれば「同じ」です。同じ。 色々と難しい理論があって、専門的に考えるからややこしいのであって、拡大前の画像を拡大したサイズ一杯の画面で見るのと、拡大しておいた画像を、そのまま同じサイズで見るわけですからね。 正確には、細かい画質云々はあるでしょうが、たかだか600×400程度の画面で見るのですから、何ら支障はないと思われます。 余計なことですが・・・・ 「まったく同じ画像品質になるのでしょうか」と問われたので、詳しく説明された方もおられます。 ただ、お答え頂いた方の内容が気に入らなければ、コメントはなしで”無視”しましょうね。

dosiroutodesuyo
質問者

お礼

>あなたが試そうとしている内容を、ごく単純にお答えすれば「同じ」です。同じ。 ありがとうございます!!!

その他の回答 (4)

noname#206842
noname#206842
回答No.4

画像を可逆にすると当然ですが、解像度が落ちます。 解像度とピクセル数の関係が理解できていますか?・・・ デジカメの宣伝で、ギガピクセルだからきれい!という宣伝に騙されていませんか? CCDという昔のフイルムと同じ役目をする部分の面積が、1番の問題です。 35m/mフイルムと6x7版のフィルムでは、焼き付けた場合倍率がどうなっているか?・・・ この辺を考えればわかることです。 WEBであろうが印刷であろうが結果は同じです。 明らかに伸ばしたほうの解像度が悪い!

dosiroutodesuyo
質問者

補足

>WEBであろうが印刷であろうが結果は同じです。 >明らかに伸ばしたほうの解像度が悪い! (1)(2) 両方とも伸ばしてます。 質問に対する回答ができないなら、回答しないでください。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

ブラウザの特性によります。  基本的にはスマホは画面解像度が高いので、大きめな画像をスタイルシートで画面幅に合わせます。  特に印刷が想定される場合は印刷(表示サイズ)の数倍の画素数でないときれいに印刷できません。 ★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>

dosiroutodesuyo
質問者

補足

>特に印刷が想定される場合は印刷(表示サイズ)の数倍の画素数でないときれいに印刷できません。 >できれば、1200px幅にしてサイズを小さくするほうが無難です。 質問に対する回答をお願いします。

  • unknown46
  • ベストアンサー率58% (2600/4417)
回答No.2

>仮にスマホ画面が600×400のものがあった場合、 pngだった場合、 大抵は、拡大縮小されてると思いますので、同等だと思います JPEGだった場合、大きい画像のほうが劣化してるかと 大抵は >300×200 のpng画像 があるなら、 >仮にスマホ画面が600×400のもの 600×400のものを、縮小してると思います (あるいは、その逆)

dosiroutodesuyo
質問者

お礼

ありがとうございます。 「同等」というご返事助かりました。

  • chie65535
  • ベストアンサー率43% (8523/19372)
回答No.1

>(1)と(2)は、まったく同じ画像品質になるのでしょうか? 同じになる保証はどこにもありません。 同じになるのは「拡大時に、まったく同じアルゴリズムで拡大処理した場合だけ」です。 スマホの画像表示機能が、拡大にどのようなアルゴリズムを用いているか判らないし、質問にある「等倍で大きく」の部分でのアルゴリズムが明記されていないので、回答は「やってみないとどうなるか判らない」です。 一応「同じアルゴリズムで拡大すれば、同じ拡大画像が得られる」とは言えますが、スマホでどんなアルゴリズムが使われているか判らないので、同じ拡大画像が得られる確率は「実質的にゼロ%」です。

関連するQ&A

  • 表示画面の解像度と画像のサイズ

    お世話になります。 画像を表示する、「画面の解像度」と画像のサイズについて 教えてください。 (1)画像サイズが大きい場合 「スマホの画面解像度:縦:960 横:640」の場合 A 画像の大きさ:縦960 横640 B 画像の大きさ:縦1920 横1280 質問:このスマホ画面で見た場合、AとBは「肉眼では」画質の違いはわからない程度でしょうか? (2)画像サイズが小さい場合 「スマホの画面解像度:縦:960 横:640」の場合 A 画像の大きさ:縦960 横640 B 画像の大きさ:縦480 横320 質問:このスマホ画面で見た場合、Bの方が、画質が荒いという認識でよいでしょうか? 以上よろしくお願いいたします。

  • 画像を自動で大きくしてくれるソフト

    お世話になります。 現在、png画像が100個ほどあります。 これを一括で、それぞれの縦:横を2倍にしてくれるような フリーソフトはないでしょうか? ※例えば,縦:50横30の画像なら縦:100横60の大きさにしてくれる ソフト

  • ホームページに画像を6枚フェード効果で表示したい

    ホームページに800px*200pxの画像を6枚フェード効果で表示したいです。 GIFアニメかフラッシュで作成するものかと思うのですが、どちらが適しているのでしょうか。 またどちらも未経験なのですが、操作がシンプルで簡単なフリーソフトも教えていただけると助かります。 画像6枚の動作(元画像3枚) 001モノクロ.png ↓ 001カラー.png ↓ 002モノクロ.png ↓ 002カラー.png ↓ 003モノクロ.png ↓ 003カラー.png ↓ ※繰り返し 以上宜しくお願い致します。

  • サムネイル画像の画像サイズについて。

    【htmlで使用する画像ファイル】 1.png(800*800) 2.png(800*800) と二つの画像ファイルがあります。 これを以下手順でサムネイル画像を作成しました。 ・PNGGauntlet で画像圧縮 ・photoshopCS4で 画像サイズを半分(400*400)にして、サムネイル画像として保存(頭にtを付ける。) 【できたサムネイル画像】 t1.png(400*400) t2.png(400*400) 【質問】 元の画像(tなし)より、サムネイル画像(tari)のほうがサイズが大きくなるのです。  元の画像サイズ < サムネイル画像サイズ 1.png(800*800) 100k t1.png(400*400) 200k 2.png(800*800) 100k t2.png(400*400) 200k PNGCauntletで圧縮したものを、サムネイル化しているのにサイズが大きくなっています。 なぜこのようなことが起こるのでしょうか。photoshopのせいなのでしょうか。 このサイズの大きくなった画像を、htmlのimgタグのサムネイル画像として使用するべきなのでしょうか? ご教授よろしくお願いします。

    • ベストアンサー
    • HTML
  • HPの画像が表示されません

    一月程前から、HP上の画像が表示されないことがあります。 ・×印になるのではなく、画面上に全く見えない ・画像にリンクが貼られている場合、画像が表示されていないので当然リンク先にも行けない ・(他人のサイトの)ソースを開いてみると、見えない画像の部分のソースが消えて表示されている(画像からリンクが貼ってある場合、リンク先のURLは表示されている) ・png、gif、jpgに関係なく消える ・例えば同じgifでも、消える画像と消えない画像がある ・画像の重さに関係なく消える ・日によって消えたり見えたりするのではなく、見えない画像はいつ見ても見えない、見える画像はいつ見ても見える という状態で、困っています。 消える画像の規則性も分からない状態です。 一月前、特に変わったことをした記憶もありません。 どうすれば直るのか、どなたか教えて下さい。

  • mysqlのblob型の画像表示について

    テーブルの項目にblob型を作成し、 phpでテーブルから取得した画像を画面に表示させたいのですが、 以下のように表示させることは可能でしょうか? test.php ---------- ここから画面 ---------------------------------------- 取得したblob型の画像その1.jpg 取得したblob型の画像その2.gif 取得したblob型の画像その3.png それぞれの画像の説明 ---------- ここまで画面 ---------------------------------------- テーブルへのデータ挿入はphpMyAdminから挿入しています。 header('Content-type: image/jpeg'); echo SQLで取得した値; のようにすればjpg画像は表示できましたが、gif画像とpng画像は表示できませんでした。 また、jpg画像のみを表示させることは出来ましたが文章を表示させることはできませんでした。 上記のように一つのphpファイルで複数表示させるのはできないのでしょうか?

    • ベストアンサー
    • PHP
  • 画像表示について

    png画像の表示が出来ません、OSはXPpack3、IE7を使用しています。 管理者権限はありません。管理者権限でログインするとすべて表示されます。 フジテレビのHPでスポーツを選択した場合中央右サイドのリンク画像です

  • FANDOMの画像が表示されない(再質問)

    wiki内のある画像だけがスマホで上手く開けません。パソコンでは開けますが、スマホではトップページが開いてしまいます。(トップページに戻るという感じ。) スマホのセキュリティの問題かなと思って、調整しましたが違うようです。 SafariでもGoogleChromeでもダメです。 不思議なのは、どちらのアドレスバーにもアドレスは表示されていることです。 だけど画像は表示されず、トップページが表示されます。 スマホ版をPC版に変更したら開けます。元の画面が背景のような感じです。 同じWiki内の別の画像は表示されるので、何が原因なのかわかりません。 問い合せたのですが、返答は英語で「分からない」(要約)でした。 日本の事務所では取次だけみたいです。 この辺もよくわかりませんが、原因と解決法を知りたく思います。 よろしくお願いします。

  • Wordに挿入した画像を取り出したい

    PNG形式の画像を「挿入」→「図」→「ファイルから」を選択して、Word2000ファイルに挿入しました。 その後、挿入した画像を編集したいと考えたのですが、元の画像ファイルがどこにいったのかわからなくなったため、Wordに取り込んだ画像ファイルを元の状態で取り出したいと考えましたが、うまくできません。 Wordに取り込んだ画像ファイルを元のPNGの画像の状態で取り出すことは可能でしょうか?

  • 画像が載りません。

    「画像サイズは、1ファイル300KB以内で[jpg][png]画像が利用可能です 」となっています。jpg png とは何なのでしょうか?ネットショップに画像を載せたいのですが、出来ません。またデジカメの写真を縮小すると画面に載せた時に、変になってしまいます。デジカメの写真を小さくして、載せるにはどうしたらいいでしょうか?よろしくお願い致します。

専門家に質問してみよう