TABLE OF CONTENTS
- Why Website Performance Matters
- Performance Benefits
- Logo
- Desktop Banner Image
- Mobile Banner Image
- Video Banner
- Content Images
- Content Icons
- Favicon
- Blog Featured Image
- Event Featured Image
- Profile Image
Choosing the right images, icons, videos, and file formats helps your website load faster, look better, improve SEO, and deliver a stronger visitor experience across desktop and mobile.
Why Website Performance Matters
Every asset uploaded to a website affects page speed. Large images, outdated file formats, and oversized videos can slow down load times, increase bounce rates, and negatively impact search performance. Using the correct asset type helps improve mobile performance, reduce bandwidth usage, support better Core Web Vitals, and create a smoother experience for visitors.
Performance Benefits
Faster Load Times
- Optimized assets reduce page weight and help content appear more quickly.
Better Mobile Experience
- Right-sized mobile images prevent visitors from downloading unnecessary desktop assets.
Improved SEO
- Page speed and user experience can influence how well content performs in search.
Higher Engagement
- Faster websites keep visitors on the page longer and reduce friction.
| Format | Best For | Why It's specified |
| .SVG | Logos, icons, favicon | Vector-based, so it scales to any dimension with no quality loss and typically the smallest file size for flat graphics. |
| .WebP | Banners, content images, featured & profile images | Purpose-built for the web; strong compression with minimal visible quality loss keeps pages fast. |
| .AVIF | Desktop video banners | Next-generation codec that delivers motion or high-detail imagery at a fraction of the file size of GIF. |
| .PNG | Fallback for logos, icons, and images needing transparency | Lossless and supports transparency, but produces much larger files than SVG or WebP, use only when the primary format isn't supported. |
| .JPG /.JPEG | Fallback for photographic images | Widely supported but less efficient than WebP; reserve for tools or platforms that can't output modern formats. |
| .GIF | Fallback for video banners | Universally supported but heavy and low-quality for motion; only use where AVIF isn't an option. |
Logo
Recommended: SVG
Alternative: PNG
Dimensions: Small 280×65, Medium 420×70, Large 560×75, Mobile 280×65
SVG is ideal for logos because it stays sharp at any size and typically has a small file size.
Desktop Banner Image
Recommended: WebP
Alternatives: PNG, JPG, JPEG
Dimensions: 1500×650
WebP is optimized for the web and helps reduce load times while maintaining strong image quality.
Mobile Banner Image
Recommended: WebP
Alternatives: PNG, JPG, JPEG
Dimensions: Small 425×160, Medium 425×223, Half Page 425×472
Mobile-specific images improve performance by serving appropriately sized assets to smaller screens.
Video Banner
Recommended: AVIF
Alternative: GIF
Dimensions: 1500×650
Video and animation files should be used carefully because they can significantly increase page weight.
Content Images
Recommended: WebP
Alternatives: PNG, JPG, JPEG
Dimensions: Based on the content area and layout
Resize and compress images before publishing to avoid uploading oversized files.
Content Icons
Recommended: SVG
Alternative: PNG
Dimensions: Based on the content area and layout
SVG icons are scalable, crisp, and lightweight, making them ideal for website interface graphics.
Favicon
Recommended: SVG
Alternative: PNG
Dimensions: 16×6, 32x32
A favicon supports brand recognition in browser tabs, bookmarks, and search results.
Blog Featured Image
Recommended: WebP
Alternatives: JPG, JPEG, PNG
Featured images should be optimized for both page speed and visual quality.
Event Featured Image
Recommended: WebP
Alternatives: JPG, JPEG, PNG
Optimized event images help event pages load quickly while maintaining a professional look.
Profile Image
Recommended: WebP
Alternatives: JPG, JPEG, PNG
Use consistent cropping and optimized file sizes for professional headshots and team profiles.
Note: AVIF and Webp are not supported in the banner configuration and are planned enhancements for the product roadmap.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article