{"library":"gatsby-remark-images","type":"library","category":null,"description":"gatsby-remark-images is a Gatsby plugin designed to enhance markdown-embedded images, making them responsive and optimized for production builds. It functions by processing images within markdown files through `gatsby-transformer-remark`, generating multiple width versions and setting `srcset` and `sizes` attributes for efficient, bandwidth-aware loading. A key feature is its \"blur-up\" technique, which uses a small, lightweight placeholder image that quickly loads and then transitions to the full-resolution image, improving perceived performance and preventing layout shifts. The plugin is currently at version `7.16.0` and is an integral part of the actively maintained Gatsby ecosystem, with updates often coinciding with new Gatsby framework releases. It critically depends on `gatsby-plugin-sharp` for its underlying image processing capabilities, enabling advanced optimizations like WebP conversion and quality compression.","language":"javascript","status":"active","version":"7.16.0","tags":["javascript","gatsby","gatsby-plugin","image","markdown","remark","responsive images"],"last_verified":"Wed May 27","install":[{"cmd":"npm install gatsby-remark-images","imports":["plugins: [\n  `gatsby-plugin-sharp`,\n  {\n    resolve: `gatsby-transformer-remark`,\n    options: {\n      plugins: [\n        {\n          resolve: `gatsby-remark-images`,\n          options: {\n            maxWidth: 590\n          }\n        }\n      ]\n    }\n  }\n]","![Alt text here](./image.jpg)\n\n![GATSBY_EMPTY_ALT](./image.png)"]},{"cmd":"yarn add gatsby-remark-images","imports":[]},{"cmd":"pnpm add gatsby-remark-images","imports":[]}],"homepage":null,"github":"https://github.com/gatsbyjs/gatsby","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/gatsby-remark-images","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/gatsby-remark-images/compatibility"}}