我正在构建一个REST API,将由本机Android和iOS应用以及浏览器中的HTML5使用。
我有几个图像将在某些API调用中发送。我想生成一些缩略图,以便每个设备获得正确的图像大小(较小的设备将获得较小的图片,依此类推)。我无法找到有关大多数人正在使用的尺寸的信息。
我想知道使用哪些分辨率合理(或通常)。
答案 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。
查看以下链接中的网格选项,这可以让您了解如何继续。