Introduction
Logo.dev Demo
Parameters
Name | Type | Optional | Default |
---|---|---|---|
🔑 token | string | false | n/a |
↔️ size | integer | true | 128 |
🖼️ format | string | true | jpg |
⚫️ greyscale | boolean | true | false |
Standard
<img src="https://img.logo.dev/shopify.com" />
Logos returned without any parameters will be 1:1 aspect ratio, 128px tall and wide, and jpg
formatted.
https://img.logo.dev/shopify.com
Rate-limiting
In order to avoid the limits, you’ll need an API key or to upgrade your account.
Need an API key? Sign up for a free account
By signing up for a free account and registering your site, you’ll have enough requests to manage most projects.
Your API token is required when using the endpoint publicly.
<img src="https://img.logo.dev/shopify.com?token=YOUR-KEY-HERE" />
PNG instead of JPG
<img src="https://img.logo.dev/shopify.com?format=png" />
In some cases, PNGs with limited color palettes will result in smaller image files with less compression. Using PNGs allows for transparency, although not all logo images will be compatible.
https://img.logo.dev/shopify.com?format=png
Desaturated
<img src="https://img.logo.dev/shopify.com?greyscale=true&format=png" />
Desaturated logos are most useful for landing pages when you want to normalize colors across the set.
https://img.logo.dev/shopify.com?greyscale=true
Resizing images
<img src="https://img.logo.dev/shopify.com?size=80" />
Our image CDN will resize to any valid integer, but we recommend staying under 600px when using raster images like jpg
and png
.
https://img.logo.dev/shopify.com?size=80
Retina images
<img src="https://img.logo.dev/shopify.com?size=160" width="80" height="80" />
As long as the height and width are set at 1/2 the size of the image source, your pixel density will be 2X.