如何在所有分辨率下修复图像？ [英] How to fix image in all resolution ?

问题描述

Hai，

如何在所有浏览器和分辨率下创建网页支持？，我有像素230像素的图像，在设计中我为该图像提供18％的宽度，如果我运行（1440X900） ）它正确修复，但如果以更高的分辨率（1600X900）运行宽度为18％，但该图像230px不能修复该宽度。



请回复我如何在该宽度范围内拉伸图像，如果我使用重复图像是从第一次重复，图像用于表

。 Thanx Aravind

解决方案

访问链接...

http://stackoverflow.com/questions/1733006/css-force-image-width-and-height-without-stretching [ ^ ]

http://stackoverflow.com/questions/1891857/how-do-you-stretch-an-image-to-fill-a-div-while-keeping-the-images-aspect-rat [ ^ ]

http： //stackoverflow.com/questions/643500/html-ie-stretch-image-to-fit-preserve-aspect-ratio [ ^ ]

快乐编码！

：）

请不要拉伸图像，甚至不要太大。快速重新采样质量只有在您缩小图像或放大图像时才会令人满意，但只需要一点点。



现在，您可以选择一些不同的方法：您可以拥有并存储预先缩放到不同大小的相同图像的几个副本（从最大的图像开始！），或者您可以在服务器大小上只有一个最大的图像并在服务端动态缩小它，但它取决于你对服务器端技术有什么用处，所以我不会再向你提供有关图形服务器端编程的更多细节。通常，这很简单。



最后，你可以考虑只有一个尺码。你的文件可能是最大的。为什么这可能？因为现代浏览器都具有嵌入式缩放功能，所以您可以依赖它。此功能不能为您提供世界上最好的质量，但它可以满足您的需求。

-SA

Hai,
How to create web page support in all browser and resolution ?,i have image in pixel 230px,and in design i give 18% width for that image,if i run(1440X900) it correctly fix,but if run in higher resolution(1600X900) the width is 18% but that image 230px is not fix on that width .

pls reply me how stretch that image within that width,if i use repeat the image is repeat from first,image is used in background of table

. Thanx Aravind

解决方案

visit links...
http://stackoverflow.com/questions/1733006/css-force-image-width-and-height-without-stretching[^]
http://stackoverflow.com/questions/1891857/how-do-you-stretch-an-image-to-fill-a-div-while-keeping-the-images-aspect-rat[^]
http://stackoverflow.com/questions/643500/html-ie-stretch-image-to-fit-preserve-aspect-ratio[^]
Happy Coding!
:)

Please, never stretch images and don''t even down-size them too much. Quick re-sampling quality is satisfactory only if you down-size images or scale it up, but just a tiny bit up.

Now, you can choose some different approaches: you can have and store few copies of the same images pre-scaled to different sizes (start with the biggest image!), or you can have just one biggest image on server size and scale it down dynamically on the service side, but it depends on what do you have for server-side technology, so I won''t give you any further detail on server-side programming of graphics. Usually, this is quite simple thing.

Finally, you can consider having only one size. You file could be of the biggest size. Why is this possible? Because modern browsers all have embedded zoom capability, so you can rely on it. This feature does not give you the best quality in the worlds, but it can be good enough for your purpose.

—SA

这篇关于如何在所有分辨率下修复图像？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！