在網站建設過程中，圖片優化是一個重要的環節，能有效提升網站性能和用戶體驗。下面以常見的兩款圖片優化插件為例，介紹其安裝和使用方式：

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進行優化處理。

以上僅是示例，實際圖片優化插件的選擇應根據您的網站系統類型和技術棧來定，不同的插件可能會有不同的配置和使用方式，請參考對應插件的官方文檔或教程。