文章頭圖有以下方式顯示:
- 未設置“文章頭圖”的情況:背景顯示為“特色圖片”的模糊態,
背景顏色
使用“特色圖片”的主色調作為背景 - 已設置“文章頭圖”的情況:顯示為設置的“文章頭圖”
對于情況1:背景是通過腳本讀取文章“特色圖片”來獲取主色調,然后展示背景顏色的。此功能需要使用canvas技術,根據瀏覽器的安全策略,跨域的圖片腳本無法訪問,因此也就不能讀取主色調了。
當您在使用CND、OSS等存儲服務時,有可能出現上面描述的此類問題。解決方案是:前往您的CDN、OSS存儲商后臺,設置CORS頭通過access-control-allow-origin跨域即可解決。
例如阿里云可參考阿里云的文檔說明:
《阿里云配置HTTP頭》
不同的服務商設置方法有所差異。請詳詢您的服務提供商。
尺寸
- 頭圖建議尺寸:1920×400像素
- 特色圖片建議尺寸:512×458像素