图像在浏览器预览中丢失质量

正如你所看到的，我的问题是浏览器预览图像。图像在浏览器预览中丢失质量

附件是原始图像，并从我的网站的浏览器预览截图。

我的用于显示图像的代码是：

HTML

<div class="pricebox col-lg-6 col-md-6 col-sm-6 col-xs-12 col-ss-12"> 
    <img src="assets/img/preturi/aerobic-nelimitat.png" class="img-pricebox img-responsive" alt=""/> 
</div>`

CSS

.pricebox {margin-bottom:35px;} 
.img-pricebox {width:100%; height:auto;}

中的图像的尺寸是550px X 200像素布置在COL-6格，足以我认为任何展示。

怎样才能提高质量？任何CSS解决方案，可能是一个特定的Photoshop渲染配置？ PS：另外，从我的配件上的本地预览会失去一点点的质量。

来源

2016-01-16 Adrian

我看到的唯一区别是浏览器预览中的浅灰色边框。我应该看到其他的区别吗？ – Santosh

第二个图像是一个不脆，文字有点模糊 –

是的，那些小文本也是灰色的，就像一些不透明的应用一样。 – Adrian

将图像的最大宽度设置为100％可以真正解决问题。

来源

2016-01-16 20:45:17 Santosh

550px X 200像素布置在COL-6格，足以任何显示我认为

对于屏幕分辨率1366宽度，我不认为550px为col-6是不够的，所以最好使用像700px宽度稍微高一点的分辨率，并再次检查它

来源

2016-01-16 20:47:07

谢谢，我会试试。 – Adrian

欢迎您，让我们知道它是否工作，希望它会 –

图像在浏览器预览中丢失质量

回答

相关问题