{"id":870,"date":"2024-05-07T11:44:46","date_gmt":"2024-05-07T11:44:46","guid":{"rendered":"https:\/\/kb.shortpixel.com\/docs\/how-to-use-amazon-cloudfront-with-shortpixel-adaptive-images\/"},"modified":"2025-08-27T08:41:34","modified_gmt":"2025-08-27T08:41:34","password":"","slug":"how-to-use-amazon-cloudfront-with-shortpixel-adaptive-images","status":"publish","type":"docs","link":"https:\/\/kb.shortpixel.com\/knowledge-base\/article\/how-to-use-amazon-cloudfront-with-shortpixel-adaptive-images\/","title":{"rendered":"How to use Amazon CloudFront with ShortPixel Adaptive Images"},"content":{"rendered":"

\n\t If you want to use your own account of Amazon CloudFront as your CDN when using
\n\tShortPixel Adaptive Images<\/a>, instead of ShortPixel’s CDN, first you need to go through the creation of a distribution: <\/strong>Working with distributions<\/a>. <\/strong><\/p>\n

Adding an Alternate Domain Name (CNAME)<\/h2>\n

\n\t On the distribution, you will have to add an Alternate Domain Name (CNAME) that points to
\n\tno-cdn.shortpixel.ai<\/code>. For instance, if your domain is example.com, you could use images.example.com<\/code>. For more information, please visit
\n\tUsing Custom URLs for Files by Adding Alternate Domain Names (CNAMEs) – Amazon CloudFront<\/a><\/p>\n

\n\t<\/a><\/p>\n

\n\t You should know that CloudFront, by default, does
\n\tnot<\/strong> send your CNAME as Host<\/code> header. Instead, it sends no-cdn.shortpixel.ai<\/code>. In other words, you will see your images delivered from no-cdn.shortpixel.ai instead of your chosen CNAME (like images.example.com). To correct this, please follow these steps:<\/p>\n

    \n
  1. Choose your distribution
    \n\t<\/li>\n
  2. Choose the Behaviors <\/strong>tab<\/li>\n
  3. Select the path you are using and then click on “Edit<\/strong>“
    \n\t<\/li>\n
  4. Look for the option “Cache Based on Selected Request Headers” and select “Whitelist<\/strong>“.<\/li>\n
  5. Under “Whitelist Headers”, add the header “Host<\/strong>” to the right column\n

    \n\t\t\n\t<\/p>\n<\/li>\n

  6. Click on “Yes, Edit” to save the changes.<\/li>\n<\/ol>\n

    Changing the API URL<\/h2>\n

    \n\t The second step would be to change the API URL on ShortPixel’s settings. Following the previous example, where the CNAME you created was
    \n\timages.example.com<\/code>,<\/p>\n

      \n
    1. Go to your WordPress dashboard and then Settings > ShortPixel AI > Behaviour. <\/li>\n
    2. Enter https:\/\/images.example.com\/spai<\/code> in the API URL field.<\/li>\n<\/ol>\n

      \n\t Please notice that we are not responsible for any changes made by Amazon that would invalidate the previous steps. Therefore, if you encounter any issues while creating or editing the distribution, please contact your CDN provider.<\/p>\n","protected":false},"excerpt":{"rendered":"

      If you want to use your own account of Amazon CloudFront as your CDN when using ShortPixel Adaptive Images, instead of ShortPixel’s CDN, first you need to go through the creation of a distribution: Working with distributions.  Adding an Alternate Domain Name (CNAME) On the distribution, you will have to add an Alternate Domain Name (CNAME) that points to no-cdn.shortpixel.ai. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[35],"glossaries":[],"doc_tag":[],"class_list":["post-870","docs","type-docs","status-publish","hentry","doc_category-shortpixel-adaptive-images"],"blocksy_meta":[],"year_month":"2026-04","word_count":296,"total_views":"1125","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"admin","author_nicename":"admin_mdli53m5","author_url":"https:\/\/kb.shortpixel.com\/author\/admin_mdli53m5\/"},"doc_category_info":[{"term_name":"ShortPixel Adaptive Images","term_url":"https:\/\/kb.shortpixel.com\/knowledge-base\/category\/shortpixel-adaptive-images\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/docs\/870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/comments?post=870"}],"version-history":[{"count":1,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/docs\/870\/revisions"}],"predecessor-version":[{"id":2392,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/docs\/870\/revisions\/2392"}],"wp:attachment":[{"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/media?parent=870"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/doc_category?post=870"},{"taxonomy":"glossaries","embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/glossaries?post=870"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kb.shortpixel.com\/wp-json\/wp\/v2\/doc_tag?post=870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}