Image files should be under 20MB, with 500KB or smaller recommended for faster page loading. For optimal display, upload high-quality images at least 2500px wide to ensure good scaling across devices.

Key image requirements:

• File formats: JPG, PNG, GIF
• Maximum file size: 20MB (500KB recommended)
• Minimum width: 1500px (2500px ideal)
• Maximum resolution: 120 megapixels

When images are uploaded, seven responsive versions are automatically created:

• 100px wide
• 300px wide
• 500px wide
• 750px wide
• 1000px wide
• 1500px wide
• 2500px wide

Best practices for image formatting:

• Use PNG format for logos and images needing transparency
• Save text-heavy images as PNG to maintain sharpness
• Match image aspect ratio to container shape to minimize cropping
• Use similar aspect ratios within galleries for consistent display
• Add alt text for accessibility and SEO

Troubleshooting common issues:

• Blurry images: Ensure width is at least 1500px
• Color distortion: Check color profile settings
• Mobile cropping: Consider responsive design limitations
• Upload errors: Verify file meets size/resolution requirements

For logos and icons:

• Browser favicon: 16x16px recommended
• Website logo: Varies by design but typically 250-400px wide
• Email marketing: Different requirements apply

Remember to:

• Preview on multiple devices
• Keep original files backed up
• Stay under 5MB total page size
• Use image compression when possible
• Test loading speeds after adding images

Always maintain aspect ratio when resizing to prevent distortion. Use built-in editing tools for minor adjustments after upload. Consider accessibility by including descriptive alt text for all images.

Related Articles

Previous Articles