移动设备和HTML5应用的合理缩略图大小是多少?

时间:2014-05-13 16:51:23

标签: android iphone html5 ipad thumbnails

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

我有几个图像将在某些API调用中发送。我想生成一些缩略图,以便每个设备获得正确的图像大小(较小的设备将获得较小的图片,依此类推)。我无法找到有关大多数人正在使用的尺寸的信息。

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

2 个答案:

答案 0 :(得分:1)

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

http://cloudinary.com/blog/top_10_mistakes_in_handling_website_images_and_how_to_solve_them

我们正在为移动应用实施这些标准缩略图尺寸:

75x75 - 图库缩略图(filename-small.jpg)
150x150 - 图库缩略图视网膜(filename-smallx2.jpg)
480x320 - 完整图像iPhone(filename-medium.jpg)
1024x768 - 全图片Retina(filename-large.jpg)

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

答案 1 :(得分:0)

Bootstrap extra small应该是不错的选择。它适用于浏览器和手机。

超小型自动上浆,容器宽度应< 768px。 如果您不想自动调整大小,可以使用自举介质,最小列宽为60px。

查看以下链接中的网格选项,这可以让您了解如何继续。

http://getbootstrap.com/css/