图像指南

上传图像7时,创建7宽度版本(动态计算高度以维持宽高比)。根据访问者的屏幕呈现大小的图像。 

  • 100个像素

  • 300像素

  • 500像素

  • 750像素

  • 1000像素

  • 1500像素 - 最常见的

  • 2500像素 - 用于大型,全屏

图像文件大小不应超过 500KB.

当前图像尺寸推荐

  • 至少 1图片2500 px宽 任何高度或1000 px高 可能是默认值。
    • 图像文件大小应为300KB或更少。可以走高,但从未高于500KB.是最佳的。
  • 额外的2500 px宽可用于高调人员或事件用作身体/索引页面,中间边缘到边缘特色图像(例如Jason的页面)。
  • 其他图像,用于幻灯片, 任何高度1500 px。
  • 半页 或1列身体图像: 520 px宽
    • 使图像小于520,不要选择“拉伸”

CAA网站的大部分交通是移动和笔记本电脑。 

  • 顶级浏览器宽度2016年4月
    • 375x667 13.66%     (均为10.98%)
    • 320x568 11.20%   (始终3号)
    • 360x640  10.76%   (始终7号) - 前35.62%移动
    • 1366x768 * 9.92% (始终为12.27%)
    • 1280x800(4号始终为8.64%)

档案图像大小 (即员工简介)

  • 作物:三四:540 x 720
    • 半尺寸270 x 360

图标尺寸

  • 200 x 200艺术板


测试图像:2500x1000

测试图像:2500x1000

笔记本电脑方向:全宽,〜15%从顶部和底部裁剪 (*我们可以设置焦点位置,以便我们决定在〜30%作物的位置 - 即底部或顶部)

笔记本电脑方向:全宽,〜15%从顶部和底部裁剪
(*我们可以设置焦点位置,以便我们决定在〜30%作物的位置 - 即底部或顶部)

 
 
         手机〜30%从每侧裁剪,高度完全没有作物 - 也可以将焦点设置为左或右,所以全面60%的作物可以设置为左或右。      

 

 

 

手机〜30%从每侧裁剪,高度完全没有作物 - 也可以将焦点设置为左或右,所以全面60%的作物可以设置为左或右。

 

 

 
2500x1000的横幅和15000x1000的身体

2500x1000的横幅和15000x1000的身体

 
Mobile for 新闻 Home  - 横幅图像完全高,但剩下的庄稼左右两侧近35%。

Mobile for 新闻 Home - 横幅图像完全高,但剩下的庄稼左右两侧近35%。

 


图像裁剪

  • 1:1平方
  • 3:2标准
  • 2:3标准(垂直)
  • 4:3四三
  • 3:4三四垂直
  • 16:9宽屏
  • 2.40无与伦佛宽屏