Plug-and-play image optimization for Nuxt apps. Resize and transform your images in your code using your imgix images.
@nuxt/image devDependency to your Nuxt.js project:
Add the module to
buildModules in your
You can now start using
<nuxt-picture> components in your Nuxt app!
image section in your
imgix as a provider and add your Source's imgix Domain as a
Some common best practices when using imgix with Nuxt Image, would be to include the
auto parameter, which will automatically apply the best format for an image and compress the image as well. Combine this with some top of intelligent cropping and resizing and you will have a great image!
This will return a 300 x 500 image, which has been compressed, will display next-gen formats for a browser, and has been cropped intelligently to the face of the woman in the hat.
- @imgix/contentfulbuildBrowse for, select, and insert image assets into your content quickly and easily via the imgix Image Manager.TypeScript 5 6 days ago
- Craft Image OptimizeAutomatically create & optimize responsive image transforms, using either native Craft transforms or a service like imgix, with zero template changes.PHP 232 a month ago
- Imager X for CraftAn image manipulation plugin for the Craft CMS that supports imgix URLsPHP 15 4 days ago
- Media Cloud for WordPressA WordPress plugin that connects to your storage (Amazon S3, Google Cloud, & others) and provides imgix urls for your site's imagesPHP 96 4 months ago
- Statamic PluginAn add-on for integrating imgix into Statamic sitesPHP 17 9 months ago
- Superbig Craft PluginA plugin for the Craft CMS that adds full access to the imgix API for manipulating imagesPHP 12 3 months ago