3:I[50200,[],""]
5:I[72888,[],""]
6:I[20565,["924","static/chunks/924-9b288a3e7649fef0.js","45","static/chunks/45-1294e8d3913dcaae.js","185","static/chunks/app/layout-e10737454ab00367.js"],"Theme"]
7:I[17051,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"SectionProvider"]
8:I[65438,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"RouteCheck"]
9:I[25377,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"Header"]
a:I[69762,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"Sidebar"]
b:I[9602,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"Breadcrumbs"]
c:I[69327,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","327","static/chunks/327-bff56f9bf74d8980.js","213","static/chunks/213-89037468e9ed8292.js","160","static/chunks/app/not-found-9ec62740c376cc12.js"],"Image"]
d:I[35542,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],""]
e:I[56322,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"Feedback"]
f:I[75619,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"ContributeLink"]
4:["slug","web/avatars","c"]
10:T47e,M16.238 4.515a14.842 14.842 0 0 0-3.664-1.136.055.055 0 0 0-.059.027 10.35 10.35 0 0 0-.456.938 13.702 13.702 0 0 0-4.115 0 9.479 9.479 0 0 0-.464-.938.058.058 0 0 0-.058-.027c-1.266.218-2.497.6-3.664 1.136a.052.052 0 0 0-.024.02C1.4 8.023.76 11.424 1.074 14.782a.062.062 0 0 0 .024.042 14.923 14.923 0 0 0 4.494 2.272.058.058 0 0 0 .064-.02c.346-.473.654-.972.92-1.496a.057.057 0 0 0-.032-.08 9.83 9.83 0 0 1-1.404-.669.058.058 0 0 1-.029-.046.058.058 0 0 1 .023-.05c.094-.07.189-.144.279-.218a.056.056 0 0 1 .058-.008c2.946 1.345 6.135 1.345 9.046 0a.056.056 0 0 1 .059.007c.09.074.184.149.28.22a.058.058 0 0 1 .023.049.059.059 0 0 1-.028.046 9.224 9.224 0 0 1-1.405.669.058.058 0 0 0-.033.033.056.056 0 0 0 .002.047c.27.523.58 1.022.92 1.495a.056.056 0 0 0 .062.021 14.878 14.878 0 0 0 4.502-2.272.055.055 0 0 0 .016-.018.056.056 0 0 0 .008-.023c.375-3.883-.63-7.256-2.662-10.246a.046.046 0 0 0-.023-.021Zm-9.223 8.221c-.887 0-1.618-.814-1.618-1.814s.717-1.814 1.618-1.814c.908 0 1.632.821 1.618 1.814 0 1-.717 1.814-1.618 1.814Zm5.981 0c-.887 0-1.618-.814-1.618-1.814s.717-1.814 1.618-1.814c.908 0 1.632.821 1.618 1.814 0 1-.71 1.814-1.618 1.814Z0:["YaM7wNFVIwRdNdGfmqd4D",[[["",{"children":[["slug","web/avatars","c"],{"children":["__PAGE__?{\"slug\":[\"web\",\"avatars\"]}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","web/avatars","c"],{"children":["__PAGE__",{},[["$L1","$L2",null],null],null]},[null,["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined"}]],null]},[[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/40ab4cab4d9447b9.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/08e28b78fef21dfc.css","precedence":"next","crossOrigin":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"className":"not-system scrollbar","children":[["$","head",null,{"children":[["$","link",null,{"rel":"icon","href":"/favicon.ico","sizes":"any"}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"url\":\"https://docs.ens.domains\",\"name\":\"ENS Documentation\",\"description\":\"Documentation for the ENS protocol.\",\"potentialAction\":{\"@type\":\"SearchAction\",\"target\":\"https://docs.ens.domains?q={search_term_string}\",\"query-input\":\"required name=search_term_string\"}}"}}]]}],["$","body",null,{"className":"bg-ens-light-background-primary text-ens-light-text-primary dark:bg-ens-dark-background-primary dark:text-ens-dark-text-primary","children":[["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","$L7",null,{"sections":"$undefined","children":["$","div",null,{"className":"h-full","id":"app","children":[["$","$L8",null,{"slug":"/"}],["$","$L9",null,{}],["$","$La",null,{}],["$","div",null,{"className":"relative mt-16 lg:mt-16","children":["$","div",null,{"className":"lg:ml-72 xl:ml-80","children":[false,["$","div",null,{"className":"px-6 lg:px-8","children":[["$","main",null,{"className":"relative my-4 space-y-4 py-4","children":[["$","div",null,{"className":"prose x text-ens-light-text-secondary dark:text-ens-dark-text-secondary","children":["$","$Lb",null,{}]}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Article\",\"headline\":\"Not Found\",\"description\":\"ENS Documentation\",\"image\":\"https://docs.ens.domains/opengraph/.png\"}"}}],["$","article",null,{"className":"prose x dark:prose-invert","children":["$","div",null,{"className":"not-prose text-center","children":[["$","$Lc",null,{"alt":"Shrug","src":"/shrug.png","width":200,"height":200,"className":"mx-auto"}],["$","h1",null,{"className":"mt-4 text-2xl font-bold","children":"Article Not Found"}],["$","p",null,{"className":"mb-3","children":"It doesn't look like this page exists..."}],["$","$Ld",null,{"href":"/","target":"$undefined","onClick":"$undefined","className":"btn btn-blue-primary","disabled":false,"children":[["$","svg",null,{"viewBox":"0 0 20 20","fill":"none","aria-hidden":"true","className":"mt-0.5 h-5 w-5 -ml-1 rotate-180","children":["$","path",null,{"stroke":"currentColor","strokeLinecap":"round","strokeLinejoin":"round","d":"m11.5 6.5 3 3.5m0 0-3 3.5m3-3.5h-9"}]}],"Go to Home",false]}]]}]}],["$","div",null,{"className":"prose pt-8","children":"$undefined"}]]}],["$","div",null,{"className":"prose","children":["$","div",null,{"className":"notprose w-full","children":["$","footer",null,{"className":"w-full space-y-4 border-t border-t-ens-light-border pb-16 pt-4 dark:border-t-ens-dark-border","children":[["$","div",null,{"className":"flex flex-wrap items-end justify-between gap-2","children":[["$","$Le",null,{}],["$","div",null,{"className":"w-fit","children":["$","$Lf",null,{"url":"$undefined"}]}]]}],["$","div",null,{"className":"flex flex-col items-center justify-between gap-5 sm:flex-row","children":[["$","p",null,{"className":"text-xs text-ens-light-text-secondary dark:text-ens-dark-text-secondary","children":["© Copyright ",2024,". All rights reserved."]}],["$","div",null,{"className":"flex gap-4","children":[["$","$Ld",null,{"href":"https://x.com/ensdomains","className":"group","target":"_blank","rel":"nofollow","children":[["$","span",null,{"className":"sr-only","children":"Follow us on X"}],["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 512 512","className":"size-5 fill-zinc-700 transition group-hover:fill-zinc-900 dark:group-hover:fill-zinc-500","children":["$undefined",[["$","path","0",{"d":"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]]}],["$","$Ld",null,{"href":"https://github.com/ensdomains","className":"group","target":"_blank","rel":"nofollow","children":[["$","span",null,{"className":"sr-only","children":"Follow us on GitHub"}],["$","svg",null,{"viewBox":"0 0 20 20","aria-hidden":"true","className":"size-5 fill-zinc-700 transition group-hover:fill-zinc-900 dark:group-hover:fill-zinc-500","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M10 1.667c-4.605 0-8.334 3.823-8.334 8.544 0 3.78 2.385 6.974 5.698 8.106.417.075.573-.182.573-.406 0-.203-.011-.875-.011-1.592-2.093.397-2.635-.522-2.802-1.002-.094-.246-.5-1.005-.854-1.207-.291-.16-.708-.556-.01-.567.656-.01 1.124.62 1.281.876.75 1.292 1.948.93 2.427.705.073-.555.291-.93.531-1.143-1.854-.213-3.791-.95-3.791-4.218 0-.929.322-1.698.854-2.296-.083-.214-.375-1.09.083-2.265 0 0 .698-.224 2.292.876a7.576 7.576 0 0 1 2.083-.288c.709 0 1.417.096 2.084.288 1.593-1.11 2.291-.875 2.291-.875.459 1.174.167 2.05.084 2.263.53.599.854 1.357.854 2.297 0 3.278-1.948 4.005-3.802 4.219.302.266.563.78.563 1.58 0 1.143-.011 2.061-.011 2.35 0 .224.156.491.573.405a8.365 8.365 0 0 0 4.11-3.116 8.707 8.707 0 0 0 1.567-4.99c0-4.721-3.73-8.545-8.334-8.545Z"}]}]]}],["$","$Ld",null,{"href":"https://chat.ens.domains","className":"group","target":"_blank","rel":"nofollow","children":[["$","span",null,{"className":"sr-only","children":"Join our Discord server"}],["$","svg",null,{"viewBox":"0 0 20 20","aria-hidden":"true","className":"size-5 fill-zinc-700 transition group-hover:fill-zinc-900 dark:group-hover:fill-zinc-500","children":["$","path",null,{"d":"$10"}]}]]}]]}]]}]]}]}]}]]}]]}]}]]}]}],"notFoundStyles":[]}]}],["$","script",null,{"defer":true,"data-domain":"docs.ens.domains","src":"https://ens.v3x.report/js/script.js"}],["$","script",null,{"defer":true,"data-domain":"docs.ens.domains","src":"https://plausible.io/js/script.js"}]]}]]}]],null],null],["$L11",null]]]]
12:I[30918,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"Heading"]
13:I[22419,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"LanguageSwitcher"]
15:I[33885,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"CopyButton"]
19:I[963,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"GitCommitLink"]
1a:I[64369,["911","static/chunks/cff26bbf-8c0455ff1778be20.js","567","static/chunks/2670e29a-254f21884cc8db2b.js","977","static/chunks/1311dc6c-860c92853ee66e29.js","939","static/chunks/fb37554d-4c33b9e5e9d9c4ea.js","701","static/chunks/e2908a71-9885ade59aa6a5f5.js","689","static/chunks/fa53cd88-198aeaa2f51a3320.js","694","static/chunks/694-beddaae0408bd717.js","284","static/chunks/284-4fd62594f09a08c2.js","924","static/chunks/924-9b288a3e7649fef0.js","691","static/chunks/691-4f02b293450b28e5.js","821","static/chunks/821-8d28c0d35a379a3d.js","213","static/chunks/213-89037468e9ed8292.js","483","static/chunks/483-154e8d2e657430f1.js","877","static/chunks/app/%5B...slug%5D/page-8e328ed1115fd327.js"],"TimeSince"]
14:Tb95,import { useEnsAvatar } from "wagmi";
function App() {
const { data: ensAvatar } = useEnsAvatar({
address: "luc.eth",
chainId: 1, // (1 = Ethereum Mainnet, 11155111 = Sepolia)
});
return (
<img
src={ensAvatar || "https://avatars.jakerunzer.com/luc.eth"}
alt="luc.eth"
/>
);
}
16:T6ad,import { normalize } from "viem/ens";
import { publicClient } from "./client";
const ensAvatar = await publicClient.getEnsAvatar({
name: normalize("luc.eth"),
});
17:T427,from ens.auto import ns
avatar = ns.get_text('alice.eth', 'avatar')
18:Tc9c,package main
import (
"fmt"
"github.com/ethereum/go-ethereum/ethclient"
ens "github.com/wealdtech/go-ens/v3"
)
func main() {
client, _ := ethclient.Dial("https://rpc.ankr.com/eth")
domain, _ := ens.Normalize("luc.eth")
resolver, _ := ens.NewResolver(client, domain)
avatar, _ := resolver.Text("avatar")
fmt.Println("Avatar: ", avatar)
}
1b:T47e,M16.238 4.515a14.842 14.842 0 0 0-3.664-1.136.055.055 0 0 0-.059.027 10.35 10.35 0 0 0-.456.938 13.702 13.702 0 0 0-4.115 0 9.479 9.479 0 0 0-.464-.938.058.058 0 0 0-.058-.027c-1.266.218-2.497.6-3.664 1.136a.052.052 0 0 0-.024.02C1.4 8.023.76 11.424 1.074 14.782a.062.062 0 0 0 .024.042 14.923 14.923 0 0 0 4.494 2.272.058.058 0 0 0 .064-.02c.346-.473.654-.972.92-1.496a.057.057 0 0 0-.032-.08 9.83 9.83 0 0 1-1.404-.669.058.058 0 0 1-.029-.046.058.058 0 0 1 .023-.05c.094-.07.189-.144.279-.218a.056.056 0 0 1 .058-.008c2.946 1.345 6.135 1.345 9.046 0a.056.056 0 0 1 .059.007c.09.074.184.149.28.22a.058.058 0 0 1 .023.049.059.059 0 0 1-.028.046 9.224 9.224 0 0 1-1.405.669.058.058 0 0 0-.033.033.056.056 0 0 0 .002.047c.27.523.58 1.022.92 1.495a.056.056 0 0 0 .062.021 14.878 14.878 0 0 0 4.502-2.272.055.055 0 0 0 .016-.018.056.056 0 0 0 .008-.023c.375-3.883-.63-7.256-2.662-10.246a.046.046 0 0 0-.023-.021Zm-9.223 8.221c-.887 0-1.618-.814-1.618-1.814s.717-1.814 1.618-1.814c.908 0 1.632.821 1.618 1.814 0 1-.717 1.814-1.618 1.814Zm5.981 0c-.887 0-1.618-.814-1.618-1.814s.717-1.814 1.618-1.814c.908 0 1.632.821 1.618 1.814 0 1-.71 1.814-1.618 1.814Z2:["$","$L7",null,{"sections":[{"title":"Getting the user's Avatar","navtitle":"Getting an Avatar","id":"avatars","indent":"0"},{"title":"The Metadata Service","navtitle":"","id":"the-metadata-service","indent":"1"},{"title":"What exactly is an Avatar Record?","navtitle":"What is it exactly?","id":"avatar-record","indent":"0"},{"title":"Supported URI schemes","navtitle":"Supported URI schemas","id":"uri-schemas","indent":"0"},{"title":"Common schemes that aren't officially supported","navtitle":"Common schemas","id":"common-schemas","indent":"0"},{"title":"File Information","navtitle":"File Information","id":"files","indent":"0"}],"children":["$","div",null,{"className":"h-full","id":"app","children":[["$","$L8",null,{"slug":"/web/avatars"}],["$","$L9",null,{}],["$","$La",null,{}],["$","div",null,{"className":"relative mt-16 lg:mt-16","children":["$","div",null,{"className":"lg:ml-72 xl:ml-80","children":[["$","div",null,{"className":"fixed z-10 ml-4 hidden 2xl:block","style":{"left":"calc(50vw + 26rem)"},"children":["$","div",null,{"className":"m-4 p-4","children":[["$","div",null,{"className":"text-sm text-ens-light-text-secondary dark:text-ens-dark-text-secondary","children":"On this page"}],["$","ul",null,{"className":"text-sm","children":[["$","li",null,{"children":["$","$Ld",null,{"href":"#avatars","style":{"paddingLeft":"0rem"},"className":"hover:text-ens-light-blue-primary dark:hover:text-ens-dark-blue-primary","children":"Getting an Avatar"}]}],["$","li",null,{"children":["$","$Ld",null,{"href":"#the-metadata-service","style":{"paddingLeft":"1rem"},"className":"hover:text-ens-light-blue-primary dark:hover:text-ens-dark-blue-primary","children":"The Metadata Service"}]}],["$","li",null,{"children":["$","$Ld",null,{"href":"#avatar-record","style":{"paddingLeft":"0rem"},"className":"hover:text-ens-light-blue-primary dark:hover:text-ens-dark-blue-primary","children":"What is it exactly?"}]}],["$","li",null,{"children":["$","$Ld",null,{"href":"#uri-schemas","style":{"paddingLeft":"0rem"},"className":"hover:text-ens-light-blue-primary dark:hover:text-ens-dark-blue-primary","children":"Supported URI schemas"}]}],["$","li",null,{"children":["$","$Ld",null,{"href":"#common-schemas","style":{"paddingLeft":"0rem"},"className":"hover:text-ens-light-blue-primary dark:hover:text-ens-dark-blue-primary","children":"Common schemas"}]}],["$","li",null,{"children":["$","$Ld",null,{"href":"#files","style":{"paddingLeft":"0rem"},"className":"hover:text-ens-light-blue-primary dark:hover:text-ens-dark-blue-primary","children":"File Information"}]}]]}]]}]}],["$","div",null,{"className":"px-6 lg:px-8","children":[["$","main",null,{"className":"relative my-4 space-y-4 py-4","children":[["$","div",null,{"className":"prose x text-ens-light-text-secondary dark:text-ens-dark-text-secondary","children":["$","$Lb",null,{}]}],["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Article\",\"headline\":\"Avatars\",\"description\":\"The 'Avatar' record is a special record that allows for user profile pictures to be stored on ENS.\",\"image\":\"https://docs.ens.domains/opengraph/web/avatars.png\",\"author\":[{\"@type\":\"Person\",\"name\":\"luc.eth\",\"url\":\"https://github.com/luc.eth\"}]}"}}],["$","article",null,{"className":"prose x dark:prose-invert","children":["\n","\n",["$","h1",null,{"children":"Avatars"}],"\n",["$","p",null,{"children":["Personalization of profiles is what makes identity great.\nThis page covers the very special ",["$","strong",null,{"children":"avatar"}]," record that enables users to take their avatar with them across the web."]}],"\n",["$","div",null,{"children":["$","div",null,{"className":"card1 px-8 py-4 flex justify-center items-center gap-3 not-prose","children":[["$","span",null,{"children":"luc.eth"}],["$","span",null,{"children":"➡️"}],["$","div",null,{"className":"w-8 h-8 rounded-full overflow-hidden border","children":["$","img",null,{"src":"https://enstate.rs/i/luc.eth","alt":"luc.eth","className":"w-8 h-8 rounded-full"}]}]]}]}],"\n",["$","$L12",null,{"level":2,"id":"avatars","children":"Getting the user's Avatar","navtitle":"Getting an Avatar","tag":"Avatar"}],"\n",["$","p",null,{"children":["Avatars are an awesome way for users to express themselves. To get the user's avatar, all you need is their ",["$","strong",null,{"children":"name"}],". If you only have their address, see ",["$","$Ld",null,{"href":"/web/reverse#get","target":"$undefined","className":"my-0 inline-flex items-center gap-1","children":["primary names","$undefined"]}],".\nThe following code snippets let you get the avatar for a user."]}],"\n",["$","div",null,{"className":"text-ens-light-text-primary dark:text-ens-dark-text-primary my-6 bg-[--var(--shiki-color-background)] ","children":[["$","div",null,{"className":"relative flex min-h-[calc(theme(spacing.12)+1px)] items-center justify-between gap-x-4 rounded-t-lg border border-b-0 border-ens-light-border bg-ens-light-grey-surface px-4 dark:border-ens-dark-border dark:bg-ens-dark-grey-surface","children":[["$","div",null,{"className":"text-base text-ens-light-text-primary dark:text-ens-dark-text-primary","children":"Request"}],["$","$L13",null,{"snippets":[{"title":"$undefined","language":"tsx","preset":"wagmi","config":{"icon":"/icons/libraries/wagmi.svg","name":"Wagmi","language":"typescript","fallback":["enstools","react","viem","typescript","javascript"]}},{"title":"$undefined","language":"ts","preset":"ethers-v5","config":{"icon":"/icons/libraries/ethers.svg","language":"typescript","name":"Ethers.js v5","fallback":["typescript","javascript"]}},{"title":"$undefined","language":"ts","preset":"viem","config":{"icon":"/icons/libraries/viem.svg","language":"typescript","name":"Viem","fallback":["typescript","javascript"]}},{"title":"$undefined","language":"py","preset":"web3py","config":{"icon":"","name":"web3.py","language":"python","fallback":[]}},{"title":"Go","language":"go","preset":"go","config":{"icon":"/icons/libraries/go.svg","name":"Go","language":"go"}}],"identifier":"59f03d64","presets":"code"}]]}],["$","div",null,{"className":"not-prose","children":[["$","div",null,{"className":"hidable-code not-prose group","data-code-variant":"wagmi","data-code-group":"59f03d64","children":[["$","div",null,{"className":"border-ens-light-border dark:border-ens-dark-border overflow-hidden border rounded-b-xl","children":["$","div",null,{"className":"relative","children":[["$","pre",null,{"children":["$","code",null,{"className":"language-tsx","dangerouslySetInnerHTML":{"__html":"$14"}}]}],["$","$L15",null,{"code":"import { useEnsAvatar } from \"wagmi\";\n\nfunction App() {\n const { data: ensAvatar } = useEnsAvatar({\n address: \"luc.eth\",\n chainId: 1, // (1 = Ethereum Mainnet, 11155111 = Sepolia)\n });\n\n return (\n \n );\n}\n"}]]}]}],["$","div",null,{"className":"flex w-full items-center justify-end p-1","children":[["$","div",null,{"className":"px-2","children":["$","$Ld",null,{"href":"https://wagmi.sh/react/hooks/useEnsAvatar","target":"_blank","className":"text-ens-light-blue-primary dark:text-ens-dark-blue-primary flex items-center gap-1 hover:underline","children":[["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","path","0",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6","children":[]}],["$","polyline","1",{"points":"15 3 21 3 21 9","children":[]}],["$","line","2",{"x1":"10","y1":"14","x2":"21","y2":"3","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],"Read more"]}]}],["$","div",null,{"children":["$","$Ld",null,{"href":"https://stackblitz.com/edit/ens-wagmi-use-ens-avatar","target":"_blank","className":"text-ens-light-blue-primary dark:text-ens-dark-blue-primary rounded-md p-1 pr-2 text-xs transition hover:bg-gray-100","children":[["$","img",null,{"src":"/icons/stackblitz.svg","alt":"Stackblitz","className":"mr-1 inline-block size-4"}],"Try it out"]}]}]]}]]}],["$","div",null,{"className":"hidable-code not-prose group","data-code-variant":"ethers-v5","data-code-group":"59f03d64","children":[["$","div",null,{"className":"border-ens-light-border dark:border-ens-dark-border overflow-hidden border rounded-b-xl","children":["$","div",null,{"className":"relative","children":[["$","pre",null,{"children":["$","code",null,{"className":"language-ts","dangerouslySetInnerHTML":{"__html":"const ensAvatar = await provider.getAvatar(\"luc.eth\");\n"}}]}],["$","$L15",null,{"code":"const ensAvatar = await provider.getAvatar(\"luc.eth\");\n"}]]}]}],"$undefined"]}],["$","div",null,{"className":"hidable-code not-prose group","data-code-variant":"viem","data-code-group":"59f03d64","children":[["$","div",null,{"className":"border-ens-light-border dark:border-ens-dark-border overflow-hidden border rounded-b-xl","children":["$","div",null,{"className":"relative","children":[["$","pre",null,{"children":["$","code",null,{"className":"language-ts","dangerouslySetInnerHTML":{"__html":"$16"}}]}],["$","$L15",null,{"code":"import { normalize } from \"viem/ens\";\nimport { publicClient } from \"./client\";\n\nconst ensAvatar = await publicClient.getEnsAvatar({\n name: normalize(\"luc.eth\"),\n});\n"}]]}]}],["$","div",null,{"className":"flex w-full items-center justify-end p-1","children":[["$","div",null,{"className":"px-2","children":["$","$Ld",null,{"href":"https://viem.sh/docs/ens/actions/getEnsAvatar.html","target":"_blank","className":"text-ens-light-blue-primary dark:text-ens-dark-blue-primary flex items-center gap-1 hover:underline","children":[["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","path","0",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6","children":[]}],["$","polyline","1",{"points":"15 3 21 3 21 9","children":[]}],["$","line","2",{"x1":"10","y1":"14","x2":"21","y2":"3","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],"Read more"]}]}],["$","div",null,{"children":["$","$Ld",null,{"href":"https://stackblitz.com/edit/ens-viem-get-ens-avatar","target":"_blank","className":"text-ens-light-blue-primary dark:text-ens-dark-blue-primary rounded-md p-1 pr-2 text-xs transition hover:bg-gray-100","children":[["$","img",null,{"src":"/icons/stackblitz.svg","alt":"Stackblitz","className":"mr-1 inline-block size-4"}],"Try it out"]}]}]]}]]}],["$","div",null,{"className":"hidable-code not-prose group","data-code-variant":"web3py","data-code-group":"59f03d64","children":[["$","div",null,{"className":"border-ens-light-border dark:border-ens-dark-border overflow-hidden border rounded-b-xl","children":["$","div",null,{"className":"relative","children":[["$","pre",null,{"children":["$","code",null,{"className":"language-py","dangerouslySetInnerHTML":{"__html":"$17"}}]}],["$","$L15",null,{"code":"from ens.auto import ns\n\navatar = ns.get_text('alice.eth', 'avatar')\n"}]]}]}],["$","div",null,{"className":"flex w-full items-center justify-end p-1","children":[["$","div",null,{"className":"px-2","children":["$","$Ld",null,{"href":"https://web3py.readthedocs.io/en/latest/ens_overview.html#read-text-metadata-for-an-ens-record","target":"_blank","className":"text-ens-light-blue-primary dark:text-ens-dark-blue-primary flex items-center gap-1 hover:underline","children":[["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","path","0",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6","children":[]}],["$","polyline","1",{"points":"15 3 21 3 21 9","children":[]}],["$","line","2",{"x1":"10","y1":"14","x2":"21","y2":"3","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],"Read more"]}]}],["$","div",null,{"children":"$undefined"}]]}]]}],["$","div",null,{"className":"hidable-code not-prose group","data-code-variant":"go","data-code-group":"59f03d64","children":[["$","div",null,{"className":"border-ens-light-border dark:border-ens-dark-border overflow-hidden border rounded-b-xl","children":["$","div",null,{"className":"relative","children":[["$","pre",null,{"children":["$","code",null,{"className":"language-go","dangerouslySetInnerHTML":{"__html":"$18"}}]}],["$","$L15",null,{"code":"package main\n\nimport (\n\t\"fmt\"\n\n\t\"github.com/ethereum/go-ethereum/ethclient\"\n\tens \"github.com/wealdtech/go-ens/v3\"\n)\n\nfunc main() {\n\tclient, _ := ethclient.Dial(\"https://rpc.ankr.com/eth\")\n\n\tdomain, _ := ens.Normalize(\"luc.eth\")\n\tresolver, _ := ens.NewResolver(client, domain)\n\tavatar, _ := resolver.Text(\"avatar\")\n\n\tfmt.Println(\"Avatar: \", avatar)\n}\n"}]]}]}],"$undefined"]}]]}]]}],"\n",["$","$L12",null,{"level":3,"id":"the-metadata-service","children":"The Metadata Service"}],"\n",["$","p",null,{"children":["The ",["$","$Ld",null,{"href":"https://metadata.ens.domains/docs","target":"_blank","className":"my-0 inline-flex items-center gap-1","children":["metadata service",["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","path","0",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6","children":[]}],["$","polyline","1",{"points":"15 3 21 3 21 9","children":[]}],["$","line","2",{"x1":"10","y1":"14","x2":"21","y2":"3","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]]}]," is run by ENS Labs. It is a free service web service that allows you to retrieve the\navatar of an ENS name via a web request, as opposed to adding extra logic to your application and interacting\nwith an ethereum node. This is of course centralised and should be used if absolutely necessary."]}],"\n",["$","$L12",null,{"level":2,"id":"avatar-record","children":"What exactly is an Avatar Record?","navtitle":"What is it exactly?","tag":"Avatar"}],"\n",["$","p",null,{"children":["An avatar record is simply a ",["$","$Ld",null,{"href":"/web/records","target":"$undefined","className":"my-0 inline-flex items-center gap-1","children":["text record","$undefined"]}]," that has \"avatar\" as its key and a URI as its value,\nwith some rules about what URI schemes are supported and how to process them. For more info, see ",["$","$Ld",null,{"href":"/ensip/12","target":"$undefined","className":"my-0 inline-flex items-center gap-1","children":["ENSIP-11","$undefined"]}],"."]}],"\n",["$","$L12",null,{"level":2,"id":"uri-schemas","children":"Supported URI schemes","navtitle":"Supported URI schemas","tag":"URI"}],"\n",["$","p",null,{"children":"Clients are expected to support a number of URI schemas, which aren't always web URIs, so the final result you see in your application\nwill vary depending on how the library you are using has decided to handle avatar records."}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":[["$","code",null,{"dangerouslySetInnerHTML":{"__html":"http(s):"}}]," - URI Scheme for HTTP(S) URLs. Libraries will most likely return the result directly."]}],"\n",["$","li",null,{"children":[["$","code",null,{"dangerouslySetInnerHTML":{"__html":"ipfs:"}}]," - URI scheme for ",["$","$Ld",null,{"href":"","target":"$undefined","className":"my-0 inline-flex items-center gap-1","children":["IPFS hashes","$undefined"]}],". Libraries may decide to fetch the result from a public gateway for you."]}],"\n",["$","li",null,{"children":[["$","code",null,{"dangerouslySetInnerHTML":{"__html":"data:"}}]," - URI Scheme for ",["$","$Ld",null,{"href":"https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URLs","target":"_blank","className":"my-0 inline-flex items-center gap-1","children":["data URIs",["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","path","0",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6","children":[]}],["$","polyline","1",{"points":"15 3 21 3 21 9","children":[]}],["$","line","2",{"x1":"10","y1":"14","x2":"21","y2":"3","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]]}],".\nLibraries will most likely return the result directly."]}],"\n",["$","li",null,{"children":[["$","code",null,{"dangerouslySetInnerHTML":{"__html":"eip155:"}}]," - The URI scheme for EIP-155 identifiers for linking to NFTs on Ethereum based chains. A little complicated\nto resolve manually, most libraries should resolve this for you and return the underlying resource."]}],"\n"]}],"\n",["$","div",null,{"className":"dark:border-ens-500/30 my-6 flex gap-2.5 rounded-2xl border border-ens-light-border bg-ens-light-blue-50/50 p-4 leading-6 text-ens-light-blue-900 dark:border-ens-dark-border dark:bg-ens-light-blue-500/5 dark:text-ens-light-blue-200 dark:[--tw-prose-links-hover:theme(colors.ens.light.blue.300)] dark:[--tw-prose-links:theme(colors.white)]","children":[["$","svg",null,{"viewBox":"0 0 16 16","aria-hidden":"true","className":"fill-ens-500 dark:fill-ens-200/20 dark:stroke-ens-200 mt-1 size-4 flex-none stroke-white","children":[["$","circle",null,{"cx":"8","cy":"8","r":"8","strokeWidth":"0"}],["$","path",null,{"fill":"none","strokeLinecap":"round","strokeLinejoin":"round","strokeWidth":"1.5","d":"M6.75 7.75h1.5v3.5"}],["$","circle",null,{"cx":"8","cy":"4","r":".5","fill":"none"}]]}],["$","div",null,{"className":"[&>:first-child]:mt-0 [&>:last-child]:mb-0","children":["$","p",null,{"children":["For EIP-155 NFT Avatars the nft must be owned by the wallet address the ENS\nname resolves to. This is done by checking the ",["$","code",null,{"dangerouslySetInnerHTML":{"__html":"ownerOf"}}]," method on the NFT\ncontract."]}]}]]}],"\n",["$","$L12",null,{"level":2,"id":"common-schemas","children":"Common schemes that aren't officially supported","navtitle":"Common schemas","tag":"URI"}],"\n",["$","ul",null,{"children":["\n",["$","li",null,{"children":[["$","code",null,{"dangerouslySetInnerHTML":{"__html":"ethereum:"}}]," - The URI scheme for Ethereum addresses"]}],"\n",["$","li",null,{"children":[["$","code",null,{"dangerouslySetInnerHTML":{"__html":"bzz:"}}]," - The URI scheme for Swarm hashes"]}],"\n"]}],"\n",["$","$L12",null,{"level":2,"id":"files","children":"File Information","navtitle":"File Information","tag":"Metadata"}],"\n",["$","p",null,{"children":["Avatars come in many different shapes and sizes. Not just the above URI schemas, but also in different file formats, sizes, and more.\nAlthough standards exist for some of these, files are ",["$","strong",null,{"children":"not required"}]," to follow these standards."]}],"\n",["$","p",null,{"children":"Below is some information about the avatars your app might be loading."}],"\n",["$","table",null,{"children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th",null,{"children":"FileProperty:"}],["$","th",null,{"children":"Info/Recommendation"}]]}]}],["$","tbody",null,{"children":[["$","tr",null,{"children":[["$","td",null,{"children":"File Extension"}],["$","td",null,{"children":["Mostly ",["$","code",null,{"dangerouslySetInnerHTML":{"__html":"png"}}],", ",["$","code",null,{"dangerouslySetInnerHTML":{"__html":"jpeg"}}],", ",["$","code",null,{"dangerouslySetInnerHTML":{"__html":"jpg"}}],", ",["$","code",null,{"dangerouslySetInnerHTML":{"__html":"webp"}}],", ",["$","code",null,{"dangerouslySetInnerHTML":{"__html":"gif"}}],", ",["$","code",null,{"dangerouslySetInnerHTML":{"__html":"webm"}}],", but could be anything"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":"File Size"}],["$","td",null,{"children":"We recommend having sensible timeouts"}]]}],["$","tr",null,{"children":[["$","td",null,{"children":"Aspect Ratio"}],["$","td",null,{"children":["We recommend ",["$","code",null,{"dangerouslySetInnerHTML":{"__html":"object-fit: cover"}}]," or setting a background color"]}]]}],["$","tr",null,{"children":[["$","td",null,{"children":"Transparency"}],["$","td",null,{"children":"We recommend setting a background color as some images may contain transparency"}]]}]]}]]}],"\n",["$","p",null,{"children":"Luckily most browsers and network libraries have default timeouts to start with, we highly recommend that if you are doing any manual avatar downloading or fetching you add a sensible timeout."}]]}],["$","div",null,{"className":"prose pt-8","children":[["$","div",null,{"className":"border-t border-ens-light-border pt-2 text-ens-light-text-primary dark:border-ens-dark-border dark:text-ens-dark-text-primary","children":["$","div",null,{"className":"leading-6","children":["$undefined","$undefined",["$","div",null,{"className":"flex justify-between text-xs","children":[["$","div",null,{"children":"Contributors"}],["$","div",null,{"className":"flex -space-x-2","children":["$undefined",[["$","a","luc.eth",{"href":"https://ens.page/luc.eth?ref=ens-docs","rel":"nofollow","target":"_blank","className":"group relative transition-all hover:scale-105","children":[["$","img",null,{"src":"https://avatarservice.xyz/64/luc.eth.webp","className":"my-0 aspect-square w-6 rounded-full shadow-md","alt":"luc.eth"}],["$","span",null,{"className":"absolute left-1/2 top-0 size-0","children":["$","span",null,{"className":"relative","children":["$","span",null,{"className":"absolute top-[-0.2rem] hidden -translate-x-1/2 -translate-y-full items-center gap-1 rounded-lg border border-ens-light-border bg-ens-light-background-primary px-2 py-1 text-xs group-hover:flex dark:border-ens-dark-border dark:bg-ens-dark-background-primary","children":[["$","span",null,{"children":"luc.eth"}],["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","path","0",{"d":"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6","children":[]}],["$","polyline","1",{"points":"15 3 21 3 21 9","children":[]}],["$","line","2",{"x1":"10","y1":"14","x2":"21","y2":"3","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]]}]}]}]]}]]]}]]}],["$","div",null,{"className":"flex items-center justify-between text-xs","children":[["$","div",null,{"children":"Hash"}],["$","$L19",null,{"file":"/docs/web/avatars.mdx","hash":"d381b2a","children":[["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","circle","0",{"cx":"12","cy":"12","r":"4","children":[]}],["$","line","1",{"x1":"1.05","y1":"12","x2":"7","y2":"12","children":[]}],["$","line","2",{"x1":"17.01","y1":"12","x2":"22.96","y2":"12","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],"d381b2a"]}]]}],["$","div",null,{"className":"flex items-center justify-between text-xs","children":[["$","div",null,{"children":"Last Modified"}],["$","$L19",null,{"file":"/docs/web/avatars.mdx","hash":"d381b2a","children":[["$","svg",null,{"stroke":"currentColor","fill":"none","strokeWidth":"2","viewBox":"0 0 24 24","strokeLinecap":"round","strokeLinejoin":"round","children":["$undefined",[["$","circle","0",{"cx":"12","cy":"12","r":"10","children":[]}],["$","polyline","1",{"points":"12 6 12 12 16 14","children":[]}]]],"className":"$undefined","style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}],["$","$L1a",null,{"date":1732155318000}]]}]]}]]}]}],"$undefined","$undefined"]}]]}],["$","div",null,{"className":"prose","children":["$","div",null,{"className":"notprose w-full","children":["$","footer",null,{"className":"w-full space-y-4 border-t border-t-ens-light-border pb-16 pt-4 dark:border-t-ens-dark-border","children":[["$","div",null,{"className":"flex flex-wrap items-end justify-between gap-2","children":[["$","$Le",null,{}],["$","div",null,{"className":"w-fit","children":["$","$Lf",null,{"url":"/docs/web/avatars.mdx"}]}]]}],["$","div",null,{"className":"flex flex-col items-center justify-between gap-5 sm:flex-row","children":[["$","p",null,{"className":"text-xs text-ens-light-text-secondary dark:text-ens-dark-text-secondary","children":["© Copyright ",2024,". All rights reserved."]}],["$","div",null,{"className":"flex gap-4","children":[["$","$Ld",null,{"href":"https://x.com/ensdomains","className":"group","target":"_blank","rel":"nofollow","children":[["$","span",null,{"className":"sr-only","children":"Follow us on X"}],["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 512 512","className":"size-5 fill-zinc-700 transition group-hover:fill-zinc-900 dark:group-hover:fill-zinc-500","children":["$undefined",[["$","path","0",{"d":"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]]}],["$","$Ld",null,{"href":"https://github.com/ensdomains","className":"group","target":"_blank","rel":"nofollow","children":[["$","span",null,{"className":"sr-only","children":"Follow us on GitHub"}],["$","svg",null,{"viewBox":"0 0 20 20","aria-hidden":"true","className":"size-5 fill-zinc-700 transition group-hover:fill-zinc-900 dark:group-hover:fill-zinc-500","children":["$","path",null,{"fillRule":"evenodd","clipRule":"evenodd","d":"M10 1.667c-4.605 0-8.334 3.823-8.334 8.544 0 3.78 2.385 6.974 5.698 8.106.417.075.573-.182.573-.406 0-.203-.011-.875-.011-1.592-2.093.397-2.635-.522-2.802-1.002-.094-.246-.5-1.005-.854-1.207-.291-.16-.708-.556-.01-.567.656-.01 1.124.62 1.281.876.75 1.292 1.948.93 2.427.705.073-.555.291-.93.531-1.143-1.854-.213-3.791-.95-3.791-4.218 0-.929.322-1.698.854-2.296-.083-.214-.375-1.09.083-2.265 0 0 .698-.224 2.292.876a7.576 7.576 0 0 1 2.083-.288c.709 0 1.417.096 2.084.288 1.593-1.11 2.291-.875 2.291-.875.459 1.174.167 2.05.084 2.263.53.599.854 1.357.854 2.297 0 3.278-1.948 4.005-3.802 4.219.302.266.563.78.563 1.58 0 1.143-.011 2.061-.011 2.35 0 .224.156.491.573.405a8.365 8.365 0 0 0 4.11-3.116 8.707 8.707 0 0 0 1.567-4.99c0-4.721-3.73-8.545-8.334-8.545Z"}]}]]}],["$","$Ld",null,{"href":"https://chat.ens.domains","className":"group","target":"_blank","rel":"nofollow","children":[["$","span",null,{"className":"sr-only","children":"Join our Discord server"}],["$","svg",null,{"viewBox":"0 0 20 20","aria-hidden":"true","className":"size-5 fill-zinc-700 transition group-hover:fill-zinc-900 dark:group-hover:fill-zinc-500","children":["$","path",null,{"d":"$1b"}]}]]}]]}]]}]]}]}]}]]}]]}]}]]}]}]
11:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Avatars | ENS Docs"}],["$","meta","3",{"name":"description","content":"The 'Avatar' record is a special record that allows for user profile pictures to be stored on ENS."}],["$","link","4",{"rel":"author","href":"https://ens.page/luc.eth?ref=ens-docs"}],["$","meta","5",{"name":"author","content":"luc.eth"}],["$","link","6",{"rel":"canonical","href":"https://docs.ens.domains/web/avatars"}],["$","meta","7",{"property":"og:title","content":"Avatars"}],["$","meta","8",{"property":"og:description","content":"The 'Avatar' record is a special record that allows for user profile pictures to be stored on ENS."}],["$","meta","9",{"property":"og:image","content":"https://docs.ens.domains/opengraph/web/avatars.png"}],["$","meta","10",{"property":"og:type","content":"article"}],["$","meta","11",{"property":"article:author","content":"https://ens.page/luc.eth?ref=ens-docs"}],["$","meta","12",{"property":"article:tag","content":"ENS"}],["$","meta","13",{"property":"article:tag","content":"Ethereum Name Service"}],["$","meta","14",{"property":"article:tag","content":".eth"}],["$","meta","15",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","16",{"name":"twitter:title","content":"Avatars"}],["$","meta","17",{"name":"twitter:description","content":"The 'Avatar' record is a special record that allows for user profile pictures to be stored on ENS."}],["$","meta","18",{"name":"twitter:image","content":"https://docs.ens.domains/opengraph/web/avatars.png"}]]
1:null