对于移动设备和HTML5应用来说,什么是合理的缩略图大小?



我正在构建一个REST API,将被本地Android和iOS应用程序以及浏览器中的HTML5使用。

我有几个图像,将在一些API调用发送。我想生成一些缩略图,以便每个设备都获得适当的图像大小(较小的设备将获得较小的图像,等等)。我找不到任何关于大多数人使用的尺寸的信息。

我想知道哪组分辨率是合理的(或通常)使用。

这是一篇很棒的相关文章:

http://cloudinary.com/blog/top_10_mistakes_in_handling_website_images_and_how_to_solve_them

我们正在为我们的移动应用程序实现这些标准缩略图大小:

75x75 -图库缩略图(filename-small.jpg)
1500x150 -图库缩略图视网膜(filename-smallx2.jpg)
480x320 -全图iPhone (filename-medium.jpg)
1024x768 -全图视网膜(filename-large.jpg)

我们的原始文件是全高清数码相机照片。

Bootstrap特别小应该是不错的选择。它在浏览器和手机上都能正常工作。

Extra small会自动调整大小,容器宽度应为<768 px。如果你不想要自动调整大小,你可以使用bootstrap medium,最小列宽为60px。

查看下面链接中的网格选项,这应该会给你一些关于如何进行的想法。

http://getbootstrap.com/css/

最新更新