https://www.tainuohc.com/en/tags/webp/Recent content in WebP on TiJetHugoenTue, 04 Aug 2026 00:00:00 +0000https://www.tainuohc.com/en/blog/2026-08-04-hugo-image-optimization/Tue, 04 Aug 2026 00:00:00 +0000https://www.tainuohc.com/en/blog/2026-08-04-hugo-image-optimization/<h2 id="1-why-optimize-images">1. Why Optimize Images</h2> <p>Images are usually the biggest culprit for slow static sites:</p> <table> <thead> <tr> <th>Reason</th> <th>Explanation</th> </tr> </thead> <tbody> <tr> <td>Large file size</td> <td>A 2560×1440 PNG can be 8-10MB</td> </tr> <tr> <td>Inefficient format</td> <td>PNG is lossless — great for screenshots, bad for photos</td> </tr> <tr> <td>No lazy loading</td> <td>Page loads all images at once</td> </tr> <tr> <td>No caching</td> <td>Re-downloads on every visit</td> </tr> </tbody> </table> <p><strong>Core idea:</strong> make the browser download smaller files.</p> <h2 id="2-hugo-image-processing-pipeline">2. Hugo Image Processing Pipeline</h2> <p>Hugo has built-in image processing that runs at build time:</p>