Easy to install automatic image resize and optimization plugin
0:00 - 3:33; Introduction
3:33 - 7:53; Installing the Plugin
7:53 - 14:58; Basic Usage
14:58 - 23:13; Advanced Usage
21:13 - 25:31; Caching Example
25:31 - 35:46; VSCode Snippet and Workflow
We built a custom image optimization plugin using the Sharp Library to automatically resize any image to specific dimensions you set for any screen size for a particular image and this plugin will automatically crop the image to those dimensions, convert to AVIF and WEBP format with fallbacks, and compress each image automatcially at build. This means when you change any image images on the site, you don't have to optimize that new image and resize it - the plugin will do it automatically for you, and instantly. And it's a lot simpler to use than you might think!
Download the plugin:
NPM:
https://www.npmjs.com/package/@codest...
Github:
https://github.com/CodeStitchOfficial...
На этой странице сайта вы можете посмотреть видео онлайн Easy to install automatic image resize and optimization plugin длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь CodeStitch 09 Октябрь 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 1,412 раз и оно понравилось 25 зрителям. Приятного просмотра!
