Skip to content

7angle/blurhash-from-url

Repository files navigation

Generate Blurhash from Image URL

🦄 Simple utility to generate blurhash from Image URL

Test Downloads this Week Bundle Size Version

Blurhash from URL

📦 Requirements

  • Node.js 16X LTS or Higher 📦

✨ Installation

  • Install the NPM Package with the below command:
npm install blurhash-from-url --save 

(or)

  • Install with Yarn:
yarn add blurhash-from-url 

💡 Usage Example

  • Import it in your project
  • Pass the URL of the image
  • Make sure to use Async/Await function
//ES6 Import import { blurhashFromURL } from "blurhash-from-url"; // Commonjs Import // const { blurhashFromURL } = require("blurhash-from-url"); async function getBlurhash() { const output = await blurhashFromURL("https://i.imgur.com/NhfEdg2.png"); console.log(output); } getBlurhash();

☑️ Example Output

{ encoded: 'UnR.*,kW.TnPt7WBocozpJV@nMkWadofWCV@', decoded: Uint8ClampedArray(1440000) [ 255, 255, 251, 255, 255, 255, 251, 255, 255, 255, 251, 255, 255, 255, 251, 255, 255, 255, 251, 255, 255, 255, 251, 255, 255, 255, 251, 255, 255, 255, 251, 255, 255, 255, 251, 255, 255, 255, 251, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, 255, 255, 250, 255, ... 1439900 more items ], width: 600, height: 600 }

Optional Size Parameter

By default, the image is resized to 32x32. You can pass the size as an optional parameter.

async function getBlurhash() { const output = await blurhashFromURL("https://i.imgur.com/NhfEdg2.png", { size: 64, }); console.log(output); }

💚 Message

I hope you find this useful. If you have any questions, please create an issue.

Contributors 2

  •  
  •