Svelte component for rendering a gravatar profile image. Adjusts automatically to HiDPI displays.

Based on the brilliant react-gravatar from Kyle Mathews.

Build

NPM Latest version

https://svelte-gravatar.now.sh/

See https://en.gravatar.com/site/implement/images/ for documentation on all the options.

If you wish to avoid sending an email address to the client, you can compute the md5 hash on the server and pass the hash to the component using the md5 prop instead of the email prop.

• 50x50 image
• g rated photos
• alt as Gravatar for {email}
• retro backup faces for emails without profiles
• only load image when on the screen

• size
• alt
• rating = 'g';
• md5
• protocol
• email
• useWaypoint
• waypointOptions - Please refer to svelte-waypoint
• domain
• default
• class
• style

<Gravatar email="jocolopes@gmail.com" />

<Gravatar email="jocolopes@gmail.com" size={100} rating="pg" default="monsterid" alt="Image from email" useWaypoint={false} domain="www.gravatar.com" protocol="http://" />