diff --git a/packages/integrations/image/README.md b/packages/integrations/image/README.md
index 1e1275e96..28cccec97 100644
--- a/packages/integrations/image/README.md
+++ b/packages/integrations/image/README.md
@@ -82,6 +82,12 @@ Or, alternatively if your project is using the types through a `tsconfig.json`
 
 ## Usage
 
+```astro title="src/pages/index.astro"
+---
+import { Image, Picture } from '@astrojs/image/components';
+---
+```
+
 The included `sharp` transformer supports resizing images and encoding them to different image formats. Third-party image services will be able to add support for custom transformations as well (ex: `blur`, `filter`, `rotate`, etc).
 
 ### `<Image />`