thumb.quest 👍

“I choose a lazy person to do a hard job. Because a lazy person will find an easy way to do it.” ― Made-up quote incorrectly attributed to Bill Gates

Are you building a frontend, and can’t be arsed to do the backend thumbnail magic? thumb.quest was made for lazy people like you (and me).



Code

// example usage
<img src="https://thumb.quest/?src=https://cataas.com/c">

// react component
const ThumbImg = ({src, width, height}) =>
    <img src={`https://thumb.quest/?src=${src}&width=${width}&height=${height}`} />


// parameters
?src=<url> // full image url
&static=true // false disables cache, seriously increases load time
&width=120 // maximum thumbnail width
&height=120 // maximum thumbnail height
&crop=false // true enables "fill" cropping

// try it out!



© Carl Öst Wilkens 2022