图像引导
When you upload an image 7 width versions are created (height is dynamically calculated to maintain aspect ratio). The sized image is presented depending on the visitor's screen.
100像素
300像素
500像素
750像素
1000像素
1500像素 -最常见
2500像素 - for large, full screen
Image file size should never exceed 500kb
Current Image Size Recommendation
- 至少 1张2500的图像 Px宽by any height or 1000 px high could be the default.
- Image file size should be 300kb or less. Can go higher but never higher than 500kb is optimal.
- Additional 2500 px wide can be used for high profile people or events to be used as body/index page, middle edge-to-edge featured images (ex. 杰森的页面).
- Additional images, for a slideshow, 1500 px by any height.
- 一半的页面 or 1 column body image: 520像素宽
- Make the image smaller than 520 and don't select "stretch"
Majority of traffic to the CAA site is mobile and laptop.
- Top browser widths April 2016
- 375x667 13.66% (number 2 all time 10.98%)
- 320x568 11.20% (number 3 all time)
- 360x640 10.76% (number 7 all time) - 最高35.62%的移动
- 1366x768 * 9.92% (number 1 all time 12.27%)
- 1280x800 (number 4 all time 8.64%)
个人资料图片大小 (i.e. 员工档案)
- Crop: Three-Four: 540 x 720
- 半尺寸270 x 360
图标大小
- 200x200艺术板
Test image: 2500x1000
Laptop orientation: full width, with ~15% cropped from top and bottom
(*We can set focal position so we decide where the ~30% crop goes - i.e. 底部或顶部)
Mobile with ~30% cropped from each side, height is full with no crop – can also set focal point to left or right so full 60% crop can be set to left or right.
2500x1000 for banner and 15000x1000 for body
Mobile for 新闻 home - banner image is full height but crops left and right nearly 35% from both sides.
Proportion Calculator
图像裁剪
- 1:1广场
- 3:2标准
- 2:3 Standard (Vertical)
- 4:3 Four-Three
- 3:4 Three-Four Vertical
- 16:9的宽屏
- 2.40 Anamorphic Widescreen
