Image CDN Quickstart

# Table of Contents

|                                                                                                        |
| :----------------------------------------------------------------------------------------------------- |
| [Authentication](https://docs.hellomoon.io/reference/image-cdn-quickstart#authentication)              |
| [Get Your First Image](https://docs.hellomoon.io/reference/image-cdn-quickstart#get-your-first-image)  |
| [CDN Destination Types](https://docs.hellomoon.io/reference/image-cdn-quickstart#get-your-first-image) |
| [Pricing](https://docs.hellomoon.io/reference/image-cdn-quickstart#pricing)                            |
| [Nuances](https://docs.hellomoon.io/reference/image-cdn-quickstart#nuances)                            |
| [Get NFT Metadata Alongside your images](https://docs.hellomoon.io/reference/post_v0-nft-social)       |

# Authentication

All you need to get your **free** Hello Moon API Key is a Solana wallet and browser extension for this product. 

1. Visit [https://www.hellomoon.io/dashboard](https://www.hellomoon.io/dashboard) and connect your wallet to get your free API key. 
   > For a detailed guide on getting your API Key visit: [Get your API Key](https://docs.hellomoon.io/reference/get-your-api-key)

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/474ba54-image.png",
        null,
        null
      ],
      "align": "center",
      "border": true
    }
  ]
}
[/block]

# Get Your First Image

Lets deconstruct the url below to learn how to receive your first image

> [https://cdn.hellomoon.io/collection/c0e56f7e5e8b0f32b1650499f215d000?apiKey=REPLACE_WITH_HM_API_KEY&format=webp&width=500&height=500](https://cdn.hellomoon.io/collection/c0e56f7e5e8b0f32b1650499f215d000?apiKey=REPLACE_WITH_HM_API_KEY&format=webp&width=500&height=500)

### URL

`https://cdn.hellomoon.io` : url that redirects all requests to the Hello Moon CDN.

### Hello Moon Collection Id

`c0e56f7e5e8b0f32b1650499f215d000` : helloMoonCollectionId

> Learn how to map and receive the correct helloMoonCollectionId by collection name [by clicking here.](https://docs.hellomoon.io/reference/getting-collection-names-and-ids)

### API KEY

`apiKey=REPLACE_WITH_YOUR_HM_API_KEY_HERE` : Free Hello Moon API Key

> [Learn how to get your FREE api key here](https://docs.hellomoon.io/reference/get-your-api-key)

### Resize your image

`height=300&width=300` : resizing your image

> If you do not input values for height or width, it will default to 500 x 500.

### Reformat your image

`format=webp`: format the image type

> If you do not input a value for format, it will default to the original image type.

# CDN Destination Types

### Get NFT Mint Metadata

`[https://cdn.hellomoon.io/metadata/J7S1bwUHHDYne6Mzh1DLEED8U6hCY1CUfdk8GcpGs1EC?apiKey=REPLACE_WITH_YOUR_HM_API_KEY_HERE](https://cdn.hellomoon.io/metadata/J7S1bwUHHDYne6Mzh1DLEED8U6hCY1CUfdk8GcpGs1EC?apiKey=REPLACE_WITH_YOUR_HM_API_KEY_HERE)`

### Get NFT Collection Image

`[https://cdn.hellomoon.io/collection/040de757c0d2b75dcee999ddd47689c4?apiKey=REPLACE_WITH_YOUR_HM_API_KEY_HERE&format=webp&width=500&height=500](https://cdn.hellomoon.io/collection/040de757c0d2b75dcee999ddd47689c4?apiKey=REPLACE_WITH_YOUR_HM_API_KEY_HERE&format=webp&width=500&height=500)`

### Get NFT Mint Image

`[https://cdn.hellomoon.io/nft/121Jc46veD9ASD12EStHsNMqJKRNUibxYuxBS97xhTVp?apiKey=REPLACE_WITH_YOUR_HM_API_KEY_HERE&format=webp&width=500&height=500](https://cdn.hellomoon.io/nft/121Jc46veD9ASD12EStHsNMqJKRNUibxYuxBS97xhTVp?apiKey=REPLACE_WITH_YOUR_HM_API_KEY_HERE&format=webp&width=500&height=500)`

# Pricing

> If you want images to be resized that hello moon currently does not support - visit [https://discord.gg/hellomoon](https://discord.gg/hellomoon) - and create a ticket 

**STANDARD** : 100 Credits

| width | height |
| :---- | :----- |
| 20    | 20     |
| 40    | 40     |
| 50    | 50     |
| 100   | 100    |
| 200   | 200    |
| 500   | 500    |

**CUSTOM** : 500 Credits

> For custom resizes and image sizes - [click here to upgrade your account today.](https://www.hellomoon.io/dashboard) The top right corner you should see a blue UPGRADE button. If you want to make more customizations to the image or add your own contact us at [https://discord.gg/hellomoon](https://discord.gg/hellomoon) - and create a ticket

[block:image]
{
  "images": [
    {
      "image": [
        "https://files.readme.io/b52aa3d-image.png",
        null,
        ""
      ],
      "align": "left",
      "sizing": "200px",
      "border": true
    }
  ]
}
[/block]

# Nuances

**ALL FIRST REQUESTS** to Hello Moon's CDN will have a higher latency, since images have not been cached yet. Once the first request is made, your images will be cached for **7 DAYS** and you will receive the images at lightning speeds.