14:{"metadata":[["$","title","0",{"children":"BlurhashImage — SSR 安全的 BlurHash 占位符组件与\"像文字一样平滑\"的渲染策略 | Tarsier Labs"}],["$","meta","1",{"name":"description","content":"

BlurhashImage — SSR 安全的 BlurHash 占位符组件与"像文字一样平滑"的渲染策略

\n
Article F1 — JoyMini 博客平台使用 BlurHash 在图片加载期间提供优美的占位符，通..."}],["$","meta","2",{"name":"keywords","content":"Next.js,Performance,Canvas,BlurHash,服务端渲染,Image Optimization,technology,software development,AI,Bohol,Philippines"}],["$","meta","3",{"name":"robots","content":"index, follow"}],["$","link","4",{"rel":"canonical","href":"https://tarsierlabs.app/zh/articles/blurhash-image-ssr-safe/"}],["$","link","5",{"rel":"alternate","hrefLang":"en","href":"https://tarsierlabs.app/en/articles/blurhash-image-ssr-safe/"}],["$","link","6",{"rel":"alternate","hrefLang":"ja","href":"https://tarsierlabs.app/ja/articles/blurhash-image-ssr-safe/"}],["$","link","7",{"rel":"alternate","hrefLang":"ko","href":"https://tarsierlabs.app/ko/articles/blurhash-image-ssr-safe/"}],["$","link","8",{"rel":"alternate","hrefLang":"fr","href":"https://tarsierlabs.app/fr/articles/blurhash-image-ssr-safe/"}],["$","link","9",{"rel":"alternate","hrefLang":"de","href":"https://tarsierlabs.app/de/articles/blurhash-image-ssr-safe/"}],["$","meta","10",{"name":"google-site-verification","content":"kzUfSifVDmWdNRVTtLPjlYBBUjeIjmXVDp-BYT_3JQo"}],["$","meta","11",{"property":"og:title","content":"BlurhashImage — SSR 安全的 BlurHash 占位符组件与\"像文字一样平滑\"的渲染策略"}],["$","meta","12",{"property":"og:description","content":"
BlurhashImage — SSR 安全的 BlurHash 占位符组件与"像文字一样平滑"的渲染策略
\n
\n
Article F1 — JoyMini 博客平台使用 BlurHash 在图片加载期间提供优美的占位符，通..."}],["$","meta","13",{"property":"og:image","content":"https://img.joyminis.com/cdn-cgi/image/width=1200,quality=75,f=auto,fit=scale-down/uploads/blog/cmowuzq1x0000pahatxmprtmt/d9bbb687-d030-4fd6-a3a2-713494a2e795.png"}],["$","meta","14",{"property":"og:image:width","content":"1200"}],["$","meta","15",{"property":"og:image:height","content":"630"}],["$","meta","16",{"property":"og:image:alt","content":"BlurhashImage — SSR 安全的 BlurHash 占位符组件与\"像文字一样平滑\"的渲染策略"}],["$","meta","17",{"property":"og:type","content":"article"}],["$","meta","18",{"property":"article:modified_time","content":"2026-05-09T07:02:52.572Z"}],["$","meta","19",{"property":"article:author","content":"Tarsier Labs"}],["$","meta","20",{"property":"article:tag","content":"Next.js"}],["$","meta","21",{"property":"article:tag","content":"Performance"}],["$","meta","22",{"property":"article:tag","content":"Canvas"}],["$","meta","23",{"property":"article:tag","content":"BlurHash"}],["$","meta","24",{"property":"article:tag","content":"服务端渲染"}],["$","meta","25",{"property":"article:tag","content":"Image Optimization"}],["$","meta","26",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","27",{"name":"twitter:title","content":"BlurhashImage — SSR 安全的 BlurHash 占位符组件与\"像文字一样平滑\"的渲染策略"}],["$","meta","28",{"name":"twitter:description","content":"
BlurhashImage — SSR 安全的 BlurHash 占位符组件与"像文字一样平滑"的渲染策略
\n
\n
Article F1 — JoyMini 博客平台使用 BlurHash 在图片加载期间提供优美的占位符，通..."}],["$","meta","29",{"name":"twitter:image","content":"https://img.joyminis.com/cdn-cgi/image/width=1200,quality=75,f=auto,fit=scale-down/uploads/blog/cmowuzq1x0000pahatxmprtmt/d9bbb687-d030-4fd6-a3a2-713494a2e795.png"}],["$","link","30",{"rel":"icon","href":"/favicon.ico","type":"image/x-icon"}],["$","link","31",{"rel":"icon","href":"/icons/favicon-16x16.png","sizes":"16x16","type":"image/png"}],["$","link","32",{"rel":"icon","href":"/icons/favicon-32x32.png","sizes":"32x32","type":"image/png"}],["$","link","33",{"rel":"icon","href":"/icons/icon-192x192.png","sizes":"192x192","type":"image/png"}],["$","link","34",{"rel":"icon","href":"/icons/icon-512x512.png","sizes":"512x512","type":"image/png"}],["$","link","35",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon.png","sizes":"180x180","type":"image/png"}],["$","link","36",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon-152x152.png","sizes":"152x152","type":"image/png"}],["$","link","37",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon-167x167.png","sizes":"167x167","type":"image/png"}],["$","link","38",{"rel":"apple-touch-icon","href":"/icons/apple-touch-icon-120x120.png","sizes":"120x120","type":"image/png"}]],"error":null,"digest":"$undefined"}