Overview
Using properly sized images ensures your CraftedStays site looks great and loads fast. This guide covers optimal dimensions for different areas of your site.
Image Size Reference
Location | Recommended Size | Aspect Ratio | Notes |
Hero/Banner | 1920×1080px | 16:9 | Minimum 1600px wide |
Text & Image sections | 1200×800px | 3:2 or 4:3 | Flexible sizing |
Property photos | 1920×1280px | 3:2 | From PMS |
Blog featured image | 1200×630px | ~1.9:1 | Good for social sharing |
Logo | Variable | N/A | Use high-res source |
Favicon | 32×32px minimum | 1:1 | Square only |
Collection cover | 1200×800px | 3:2 | Similar to property photos |
Hero/Banner Images
The hero section is the large image at the top of your pages.
Specifications
Recommended: 1920×1080 pixels
Minimum width: 1600 pixels
Aspect ratio: 16:9
Format: JPG or PNG
Max file size: 5MB (smaller loads faster)
Tips
Use high-quality, professional photos
Ensure the focal point works on mobile (center important content)
Darker images may work better with overlaid text
Background Videos
Some templates support background videos in the hero section.
Specifications
Max file size: 150MB
Recommended format: MP4
Keep it short: 10-30 seconds (loops)
Resolution: 1920×1080 (1080p)
Tips
Compress video to reduce file size
Include a fallback image (displays while loading or if video fails)
Avoid videos with audio (muted by default)
Text & Image Sections
These are content blocks with text on one side and an image on the other.
Specifications
Recommended: 1200×800 pixels
Aspect ratio: 3:2 or 4:3
Format: JPG or PNG
Tips
Portrait and landscape both work
Image should complement the text content
High contrast works well
Property Photos
Property photos come from your PMS and display in galleries.
Specifications
Recommended: 1920×1280 pixels or larger
Aspect ratio: 3:2 (most common for real estate)
Format: JPG
Max photos per property: 60
Tips
Upload high-res to your PMS
CraftedStays automatically creates thumbnails
Photo order in PMS = order on site
Logo
Your logo appears in the header and footer.
Specifications
Height: Will be constrained by header height
Format: PNG (for transparency) or JPG
Resolution: Use highest quality available
Tips
Horizontal logos work best in headers
Transparent backgrounds (PNG) adapt to different backgrounds
Upload your full-resolution logo; it will be displayed appropriately
Favicon
The small icon in browser tabs.
Specifications
Minimum: 32×32 pixels
Recommended: 180×180 pixels (covers all uses)
Aspect ratio: Must be square (1:1)
Format: PNG or ICO
Tips
Simple designs work best at small sizes
Test how it looks in a browser tab
Often just your logo mark, not full logo
Blog Images
Featured images for blog posts.
Specifications
Recommended: 1200×630 pixels
Aspect ratio: ~1.9:1 (optimized for social sharing)
Format: JPG or PNG
Max file size: 5MB
Tips
This size works well for Facebook/Twitter sharing
Keep important content centered
High contrast improves clickability
Image Optimization Tips
File Format
JPG: Best for photographs
PNG: Best for logos, graphics with transparency
Avoid: BMP, TIFF (too large)
File Size
Keep images under 5MB
Smaller files = faster loading
Use image compression tools if needed
Quality vs Speed
CraftedStays automatically optimizes images
Higher quality source = better results
Don't over-compress before uploading
Automatic Optimization
CraftedStays automatically:
Resizes images for different devices (desktop, tablet, mobile)
Creates thumbnails for galleries
Compresses for web delivery
Serves appropriate size based on visitor's device
Upload high-quality originals and let the system handle optimization.
Troubleshooting
Images look blurry
Upload higher resolution
Minimum 1600px wide for full-width images
Avoid enlarging small images
Images load slowly
File may be too large
Compress before uploading
Use JPG instead of PNG for photos
Image cut off on mobile
Check aspect ratio
Important content should be centered
Test on mobile devices
Logo too big/small
Upload highest resolution available
System will scale appropriately
Horizontal layouts work best