图像引导

当你上传图片时,会创建7个宽度版本(高度是动态计算的,以保持纵横比). 图像的大小取决于访问者的屏幕. 

  • 100像素

  • 300像素

  • 500像素

  • 750像素

  • 1000像素

  • 1500像素 -最常见

  • 2500像素 -适用于大屏幕、全屏

图像文件大小不应超过 500kb

当前图像大小建议

  • 至少 1图像在2500 Px宽 任何高度或1000px高 可以是默认值.
    • 图像文件大小应不超过300kb. 可以更高,但不高于500kb是最优的.
  • 额外的2500px宽可用于高知名度的人物或电子游戏平台网址大全,以用作主体/索引页, 中间边到边的特征图像(例如. 杰森的页面).
  • 其他图片,用于幻灯片, 1500px乘以任意高度.
  • 一半的页面 或1列主体图像: 520像素宽
    • 使图像小于520,不要选择“拉伸”

CAA网站的大部分流量来自手机和笔记本电脑. 

  • 顶级浏览器宽度2016年4月
    • 375x667 13.66%     2 .答案为b.98%)
    • 320x568 11.20%   (一直排名第三)
    • 360x640  10.76%   (一直排名第七)- 最高35.62%的移动
    • 1366x768 * 9.92% (总排名第一.27%)
    • 1280x800(所有时间都是4.64%)

头像大小 (i.e. 员工档案)

  • 裁剪:3 - 4:540 x 720
    • 一半大小的270 x 360

图标大小

  • 200 x 200艺术板


测试图像:2500x1000

测试图像:2500x1000

笔记本电脑方向:全宽, 与~15%裁剪从顶部和底部(*我们可以设置焦点位置,所以我们决定~30%的作物去- i.e. 底部或顶部)

笔记本电脑方向:全宽,从顶部和底部裁剪~15%
(*我们可以设置焦点位置,这样我们就可以决定30%的作物去哪里- i.e. 底部或顶部)

 
 
   移动,每边裁剪约30%, 高度是充分的,没有作物-也可以设置焦点向左或向右,这样充分60%的作物可以设置向左或向右.  

 

 

 

移动,每边裁剪约30%, 高度是充分的,没有作物-也可以设置焦点向左或向右,这样充分60%的作物可以设置向左或向右.

 

 

 
横幅为2500x1000,主体为15000x1000

横幅为2500x1000,主体为15000x1000

 
移动新闻首页-横幅图像是全高度,但作物左右近35%从双方.

移动新闻首页-横幅图像是全高度,但作物左右近35%从双方.

 

比例的计算器

谷歌电子表格链接


图像裁剪

  • 1:1广场
  • 3:2标准
  • 2:3标准(垂直)
  • 4:3 Four-Three
  • 3:4 3 - 4垂直
  • 16:9的宽屏
  • 2.40变形宽屏