Image Optimization
Slate includes a one-click optimization tool that reduces image file sizes while preserving visual quality. This helps you stay within your storage limits and improves course loading times.
How to optimize an image
Section titled “How to optimize an image”- Select an Image block that already has an image
- Click Optimize in the overlay controls
- Slate compresses the image and displays the original and optimized file sizes with percentage savings
What optimization does
Section titled “What optimization does”Optimization converts images to WebP format (or JPEG as a fallback) and applies quality ladder compression to find the best balance of quality and file size. The visual difference is minimal, but the file size reduction can be significant.
This is especially effective for AI-generated PNG images, which are often 2-5 MB and can be reduced considerably.
Resetting to the original
Section titled “Resetting to the original”The original image is always preserved. If you want to undo optimization, hover over the image and click the Reset button to restore the original file. You can re-optimize at any time.
Limitations
Section titled “Limitations”Animated GIFs cannot be optimized, since compression would break the animation.
When to use optimization
Section titled “When to use optimization”Optimization is particularly useful:
- After generating images with AI (which tend to produce large PNGs)
- When importing courses that contain large images
- When approaching your storage limit