Images must be properly formatted for optimal display across different screen sizes and devices. Here's what you need to know:

Core Requirements:

• Maximum file size: 20 MB (recommended: under 500 KB)
• Minimum width: 1500px (recommended: 2500px)
• Supported formats: JPG, PNG, GIF
• Color mode: RGB
• Resolution limit: 120 megapixels

Best Practices for Web Display:

• Upload high-quality images larger than your intended display size
• Use PNG format for images containing text or requiring transparency
• Match image aspect ratio to the container shape to minimize cropping
• Keep total page size under 5MB for faster loading

Responsive Design: Images are automatically converted into 7 different widths:

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

The system selects the appropriate version based on the visitor's device screen size.

Image Optimization Tips:

• Check file specifications before uploading
• Consider aspect ratios for consistent display
• Use transparent backgrounds when needed (PNG format)
• Add alt text for accessibility and SEO
• Avoid embedding text in images - use overlays instead

Troubleshooting Common Issues:

• Blurry images: Check if width is at least 1500px
• Cropping issues: Match aspect ratio to container
• Color distortion: Verify RGB color mode
• Upload errors: Ensure file meets size and resolution limits

For logos and icons:

• Use different specifications for website logos
• Follow special requirements for browser favicon
• Consider square aspect ratios for consistent display

Remember to keep original files on your computer as a backup since uploaded images may be compressed or modified during processing.

Related Articles

Previous Articles