Images must meet specific requirements for optimal web display. Key factors include:

File Specifications

• Maximum size: 20 MB
• Recommended size: 500 KB for fast loading
• Ideal width: 2,500 pixels
• Minimum width: 1,500 pixels to avoid blurriness
• File formats: JPG, PNG, GIF

Image Optimization

• Upload high-quality, larger images than needed
• Images are automatically resized to 7 versions: 100px, 300px, 500px, 750px, 1000px, 1500px, and 2500px
• Responsive design adjusts images for different screen sizes

Best Practices

• Use similar aspect ratios in galleries (all landscape or all portrait)
• Save text-containing images as PNG to maintain sharpness
• Use transparent backgrounds when needed (PNG format)
• Add alt text for accessibility and SEO
• Keep original files on your computer after uploading

Troubleshooting Common Issues

• Blurry images: Usually due to width below 1,500px
• Cropping problems: Check container dimensions and aspect ratios
• Color distortion: Verify correct color profile settings
• Resolution changes: Normal when viewing at different sizes
• Upload errors: Check file size and resolution (max 120 MP)

Mobile Optimization

• Banner images may appear cropped on mobile
• Text overlay recommended instead of embedded text
• Consider mobile preview before publishing
• Use focal points to control image centering

Special Cases For Acuity Scheduling:

• 1.5 MB file size limit
• Auto-resizing for logos (600px x 120px)
• Square images (1:1 ratio) recommended

Following these guidelines ensures optimal image display across all devices while maintaining fast loading times.

Related Articles

Previous Articles