lanlin / notes

个人笔记
https://github.com/lanlin/notes/issues
30 stars 0 forks source link

web图片显示尺寸参考 or image size for display on the web #89

Open lanlin opened 4 years ago

lanlin commented 4 years ago

背景

各种规格的屏幕实在太多了,几乎不可能为所有的屏幕尺寸设计专门的图片展示尺寸。 同时生成太多尺寸的缩放图片也极大的浪费资源。 以下尺寸基本满足大多数屏幕下的预览图显示,欢迎参考

图片尺寸 (宽度)

  1. 100 pixels
  2. 300 pixels
  3. 500 pixels
  4. 750 pixels
  5. 1000 pixels
  6. 1500 pixels
  7. 2500 pixels

至于图片高度,请根据图片实际尺寸按缩放到的宽度的比例,等比例计算出缩放后的高度。

lanlin commented 4 years ago

补充:社交平台图片尺寸参考,做社交应用的同学可以借鉴下 Social media image sizes in 2020

image

Instagram image sizes

Twitter image sizes

Facebook image sizes

LinkedIn image sizes

Pinterest image sizes

Tumblr image sizes

Snapchat image sizes

YouTube image sizes

TikTok image sizes