Table of Contents
Image Size Guidelines #
- To maintain fast load times, it’s important to compress images before uploading. Below are the recommended file size limits for different formats:
| Image Format | Best Used For | When to USe |
| JPG/JPEG | Ideal for photos and backgrounds | 50KB-300KB |
| PNG | Use sparingly; only when transparency is needed | 50KB-500KB |
Why keep file sizes small?
- Large images consume more server resources and increase page load times, negatively impacting user experience and SEO.
How to Reduce Image File Size
- Use the tool “CompressJPG” to compress JPG/PNG images before uploading.
Image Format Guidelines #
- Choosing the right image format ensures the best balance between quality and performance.
| Image Format | Best Used For | When to USe |
| JPG/JPEG | Photos, general website images | Best for most images offers good compression with minimal quality loss |
| PNG | Images requiring transparency | Use only when transparency is needed, larger file size than JPG |
Image Dimension Guidelines #
- Using the correct image dimensions prevents distortion, unnecessary cropping, and excessive file sizes.
| Image Type | Recommended Dimensions |
| Hero/Banner images | 1200px – 2500px wide |
| Blog post images | 800px – 1200px wide |
| Thumbnails | 150px × 150px |
| Logos & icons | 300px – 500px (if PNG/JPG) |
Why do Image Dimensions Matter?
- Uploading unnecessarily large images (e.g., 4000px wide) slows down the site and doesn’t improve display quality.
- Using consistent dimensions helps maintain a clean and professional design across all pages.
