Creating a background gradient from an image
Dec 12, 2024•49 min•Ep. 201
Listen to this episode in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more
Episode description
Ryan talks to Sam about reproducing iOS's new image background treatment for his Open Graph Preview tool, opengraph.ing. They talk about different approaches for generating gradients from images, including finding the vibrant color of an image, luminosity-weighted averages, k-means clustering, and more.
Timestamps:
- 0:00 - Intro
- 3:07 - Apple's new OG image gradient
- 10:06 - Luminosity-weighted average
- 14:22 - Finding the vibrant color of an image
- 21:41 - Contrast ratios on favicons
- 32:21 - K-means clustering
- 41:25 - Refactoring UI tip about rotating the hue
Links:
For the best experience, listen in Metacast app for iOS or Android