Q&A
「画質を落とす」とは低画質のファイルを用意して置き換えるということでしょうか。
###質問
画像の解像度をwidthやheightを変更せずに変える方法はありますか？
下記のコードのような状態で、画像の画質を落とすにはどうすればいいでしょうか？widthは100％の状態のままでです。
例えば画像編集ソフトでは画像のpxを低くして低画質になった後、ズームすると引き伸ばされますよね？そのようなかんじをイメージしています。
今作っているソフトで背景を選択できる機能を作っていて、その画像の解像度を設定で高画質/中画質/低画質などに切り替えれるようにしようとおもっています。
質問に
「画質を落とす」とは低画質のファイルを用意して置き換えるということでしょうか。
と来ていますが、普通このようなことをやる場合、どうするかがわからないので、質問に答えられません。m(_ _)m
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <script type="text/javascript" src="jquery-3.1.1.min.js"></script> 6<style> 7body{ 8 width:500px; 9 height:500px; 10 border-style:dotted; 11} 12img{ 13 width:100%; 14} 15</style> 16</head> 17<body> 18 <img src="img.jpg"> 19<script> 20</script> 21</body> 22</html> 23
回答2件
0
javascriptを使うより、<img>のsrcset属性を使ったほうが適切だと思うのですが。
投稿2016/12/22 09:20
総合スコア4267
しばらく調べていじってみたのですが解像度がおちません。
どうかけば、width100%の状態のまま画質を落とせますか？
chromeです
画質を落とした画像を別途用意しないといけません。
どうやって用意する(画質を落とした画像を随時つくる)のですか？こちらがあらかじめ用意できないのですが、ユーザーが画像を選ぶので。
0
ベストアンサー
<canvas>使うぐらいしか方法がないと思われます。
サンプル
投稿2016/12/22 15:10
編集2016/12/22 15:20総合スコア4267
あなたの回答
tips
プレビュー
