🖼️ Image Best Practices: Your Quick Guide to Looking Sharp
💡 Quick Tips:
- Wide = 16:9 | Standard = 4:3
- Always center key content in your image
- Name your files clearly + add alt text for accessibility
🔲 Cards Component
Style Options: 3 layout styles, all love the 4:3 aspect ratio
- 📐 Avoid: Wide images like 16:9 or 16:10—they’ll get their edges trimmed!
- ✅ Best Size: ~800px wide
- 💡 Pro Tip: Center your subject—edges might get cropped.
🎠 Scrolling Cards Carousel
Loves a wide, cinematic look
- 🖼️ Prefers 16:9 aspect ratio
- ✅ Best Size: 400px wide
- ⚠️ Square images? They’ll lose some top and bottom.
🖼️ Image Component
Flexible and friendly with all ratios
- ✅ Best Size: 800px–1600px (depends on how it displays on the page)
🧭 Three Panel Hero
- Main Panel: Square-ish is best (3:2, 4:3, 5:3)
- Top & Bottom Panels: Go wide (16:9)
- ✅ Recommended Size: 800px
⭐ Feature Component
Bold and beautiful with wide images
- ✅ Best Size: 2000px wide
- 📸 Wide-angle looks win here!
🎞️ Scrolling Banner
- 📐 Compatible with all aspect ratios—super versatile!
🧩 Mega Menu Panes
🛠️ Equipment Pane
- Best with 16:9 images
- Crops top/bottom on square-ish pics
🧰 Service Pane
- Cards & Banner: Same as Equipment Pane—stick to wide formats
🔩 Parts Pane
- Banner Image: Must be wide (16:9)
- Crops square images aggressively
🧑💼 About Pane
- Video/Image: Prefers 16:9 but flexible
Need help? We’re always here to guide you—reach out to the Support Team anytime!