如何壓縮圖片以提升頁面載入速度

圖片過大，仍然是網站變慢最常見的原因之一。它會先傷害行動端體驗，也會拖累 Core Web Vitals。

Why compression matters

Large images increase download weight, slow perceived load time, and make Core Web Vitals harder to improve.

Pick the right format first

Use JPG for photos, PNG for graphics with transparency, and WebP when you want a modern web delivery format. You can compare options with the Image Converter.

Resize before compressing

Do not compress a 4000px image if the layout only needs 1200px. Start with the Image Resizer, then compress the smaller file.

Delivery workflow

1. Export the original asset.
2. Resize to the real display range.
3. Compress with Image Compressor.
4. Recheck the page and compare before/after in the browser.

Final takeaway

For better page speed, think in this order: dimensions first, format second, compression third.