在网站建设过程中，图片优化是一个重要的环节，能有效提升网站性能和用户体验。下面以常见的两款图片优化插件为例，介绍其安装和使用方式：

WordPress平台：EWWW Image Optimizer插件

安装步骤：

登录WordPress后台。

在左侧菜单中点击“插件” -> “添加新”。

在搜索框输入“EWWW Image Optimizer”，找到插件后点击“安装现在”按钮，等待安装完成后再点击“激活插件”。

使用方法：

插件安装并激活后，会自动开始优化您已上传的所有图片，并且在您未来上传新图片时也会实时进行优化处理。

你可以在设置（Settings）-> EWWW Image Optimizer中调整优化级别、是否使用云优化服务等。

Webpack环境：image-webpack-loader插件

对于基于Webpack构建的前端项目，可以使用image-webpack-loader对图片进行压缩优化。

安装步骤： 在项目目录下通过npm（Node Package Manager）进行安装：

npm install --save-dev image-webpack-loader

使用方法： 在webpack.config.js文件中配置loader规则：

module.exports = {

    // ...其他配置

    module: {

        rules: [

            {

                test: /\.(jpe?g|png|gif|svg)$/i,

                use: [

                    'file-loader',

                    {

                        loader: 'image-webpack-loader',

                        options: { /* 配置项，如压缩质量等 */ }

                    }

                ]

            }

        ]

    }

};

这样，在webpack打包过程中，所有匹配到的图片资源都会被image-webpack-loader进行优化处理。

以上仅是示例，实际图片优化插件的选择应根据您的网站系统类型和技术栈来定，不同的插件可能会有不同的配置和使用方式，请参考对应插件的官方文档或教程。