fix: 工具 logo 标记 unoptimized,修复 ICO 格式经图片优化器裂图
种子数据的 logo 均为各官网 favicon.ico,next/image 优化器(sharp)无法解码 ICO 导致全部裂图;小尺寸 logo 优化收益为零,改为浏览器直接加载, 保留懒加载与布局占位。封面图不受影响,仍走优化。 Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5
parent
90ed0636f4
commit
d0e3f72d6a
@@ -9,7 +9,9 @@ interface ToolLogoProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 工具 Logo:远程图走 next/image 优化;
|
* 工具 Logo:走 next/image(懒加载 + 布局占位),但标记 unoptimized——
|
||||||
|
* logo 多为各官网的 favicon.ico,sharp 无法解码 ICO 格式,经优化器必然裂图;
|
||||||
|
* 且 48-80px 小图优化收益为零,直接由浏览器加载。
|
||||||
* data: URL(未配置 R2 时的上传回退)next/image 不支持,降级为原生 img;
|
* data: URL(未配置 R2 时的上传回退)next/image 不支持,降级为原生 img;
|
||||||
* 无图时显示首字母占位。
|
* 无图时显示首字母占位。
|
||||||
*/
|
*/
|
||||||
@@ -54,6 +56,7 @@ export function ToolLogo({ src, alt, size = 48, className }: ToolLogoProps) {
|
|||||||
width={size}
|
width={size}
|
||||||
height={size}
|
height={size}
|
||||||
style={style}
|
style={style}
|
||||||
|
unoptimized
|
||||||
className={cn("flex-shrink-0 rounded-lg object-cover", className)}
|
className={cn("flex-shrink-0 rounded-lg object-cover", className)}
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user