Creating a background gradient from an image

Creating a background gradient from an image

Released Thursday, 12th December 2024
Good episode? Give it some love!
Creating a background gradient from an image

Creating a background gradient from an image

Creating a background gradient from an image

Creating a background gradient from an image

Thursday, 12th December 2024
Good episode? Give it some love!
Rate Episode
List

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:

Show More
Rate
List

Join Podchaser to...

  • Rate podcasts and episodes
  • Follow podcasts and creators
  • Create podcast and episode lists
  • & much more
Do you host or manage this podcast?
Claim and edit this page to your liking.
,