When uploading images for articles, services, headers, or any other purpose to Zendesk and/or Directus (Services), Google Lighthouse recommends focusing on the following key aspects before uploading:
-
Dimensions
- Resize images to appropriate dimensions beforehand.
- Avoid uploading oversized images for smaller display areas.
-
Format
- Use modern image formats like WebP, or AVIF, which provide better compression and quality compared to older formats such as JPEG (JPG) or PNG.
- If you prefer to stick with JPEG or PNG, be aware that they might impact site speed and SEO performance.
- You can easily convert JPEG or PNG files to WebP or AVIF using online tools such as:
- PNG to WebP: FreeConvert or Convertio
- JPEG to AVIF: Convertio or MConverter
-
Compression
- Compress images to reduce file size while preserving quality.
- Compression improves LCP (Largest Contentful Paint), which measures how long it takes for the largest visible content on a webpage to load - a critical factor for page speed and user experience.
- Online tools like Compress IMAGE, TinyPNG, or Image Resizer can help with this.
Important Notes
Uploading images to Zendesk Guide and Directus remains unchanged. However, the recommended preparation process for images has evolved.
Quick Summary
- Resize images to fit their intended dimensions.
- Opt for modern formats like WebP or AVIF instead of JPEG and PNG.
- Compress images to minimize file size while maintaining quality.
If you'd like to learn more about attaching downloadable materials and videos to your websites articles, you can visit this page.