How to Optimise Images Before Uploading to Draftly
A single unoptimised image can add 3+ seconds to your load time.
Format
- Use WebP for photos and complex graphics
- Use SVG for logos and icons
- Avoid BMP and TIFF entirely
Size Guidelines
| Use case | Max width | Target file size |
|---|---|---|
| Hero background | 1920px | < 200KB |
| Product image | 800px | < 80KB |
| Thumbnail | 400px | < 30KB |
| Profile photo | 200px | < 20KB |
Free Tools
- Squoosh.app — browser-based, no install needed
- TinyPNG — batch compress up to 20 images free
- Remove.bg — remove background for product shots
Naming Convention
Name files descriptively before upload: `red-leather-wallet-india.webp` beats `IMG_4829.jpg` for SEO.
Alt Text
Draftly prompts you to add alt text on upload. Always fill this in — it's free SEO.
