Skip to content

Commit 19549bc

Browse files
imagekitiomanu4543ArmandPhilippotyanthomasdev
authored
Add ImageKit media hosting guide (withastro#13836)
Co-authored-by: Manu Chaudhary <manu@imagekit.io> Co-authored-by: Armand Philippot <git@armand.philippot.eu> Co-authored-by: Yan <61414485+yanthomasdev@users.noreply.github.com>
1 parent e79b335 commit 19549bc

5 files changed

Lines changed: 494 additions & 2 deletions

File tree

public/logos/imagekit.svg

Lines changed: 1 addition & 0 deletions
Loading

src/content/docs/en/guides/images.mdx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -541,7 +541,10 @@ Use the HTML `<img>` element when you cannot use the `<Image />` component, for
541541

542542
Image CDNs work with [all Astro image options](#images-in-astro-files). Use an image's full URL as the `src` attribute in the `<Image />` component, an `<img>` tag, or in Markdown notation. For image optimization with remote images, also [configure your authorized domains or URL patterns](#authorizing-remote-images).
543543

544-
Alternatively, the CDN may provide its own SDKs to more easily integrate in an Astro project. For example, Cloudinary supports an [Astro SDK](https://astro.cloudinary.dev/) which allows you to easily drop in images with their `CldImage` component or a [Node.js SDK](https://cloudinary.com/documentation/node_integration) that can generate URLs to use with an `<img>` tag in a Node.js environment.
544+
Alternatively, the CDN may provide its own SDKs to more easily integrate in an Astro project. For example:
545+
546+
- Cloudinary supports an [Astro SDK](https://astro.cloudinary.dev/) which allows you to easily drop in images with their `CldImage` component or a [Node.js SDK](https://cloudinary.com/documentation/node_integration) that can generate URLs to use with an `<img>` tag in a Node.js environment.
547+
- ImageKit provides an [Astro integration](https://github.com/imagekit-developer/imagekit-astro) that registers an image service. This means Astro's built-in `<Image />` and `<Picture />` components, along with Markdown `![]()` and MDX images, are all routed through ImageKit automatically. It adds CDN delivery, automatic AVIF/WebP conversion, responsive `srcset`, and on-the-fly transformations without changing your existing image syntax.
545548

546549
<ReadMore>See the full API reference for the [`<Image />`](/en/reference/modules/astro-assets/#image-) and [`<Picture />`](/en/reference/modules/astro-assets/#picture-) components.</ReadMore>
547550

0 commit comments

Comments
 (0)