How do I resize and position images?
Adjust how photos appear on your wedding website for the best look.
Short answer: Click on an image in the editor to access sizing, cropping, and positioning options.
Resizing images
Click on the image in your editor
Look for resize handles (corners or edges)
Drag to adjust size
Or enter specific dimensions if available
Image positioning
Options typically include:
- Left aligned: Image on the left, text wraps right
- Right aligned: Image on the right, text wraps left
- Centered: Image centered, text above/below
- Full width: Image spans the entire section
Cropping images
If your image needs cropping:
1. Click on the image
2. Look for a crop or edit option
3. Adjust the visible area
4. Apply changes
Image sizing tips
For header images:
- Use high resolution (at least 1920px wide)
- Landscape orientation works best
- Keep important elements centered (edges may crop on mobile)
For content images:
- 800-1200px wide is usually sufficient
- Optimize file size for faster loading
- Match aspect ratios for consistent look
Handling different screen sizes
Images may display differently on:
- Desktop computers
- Tablets
- Mobile phones
Preview on different devices to ensure images look good everywhere.
If images appear blurry
Common causes:
- Original image too small
- Image stretched beyond its size
- Low resolution upload
Solution: Upload a higher resolution version.
If images are cropped unexpectedly
This often happens due to:
- Responsive design adjustments
- Aspect ratio differences
- Mobile view optimizations
Try adjusting the focal point or using a different crop.
Tips
Edit photos before uploading when possible
Use consistent image sizes across sections
Leave space around important subjects (for cropping flexibility)
Compress large files to improve page speed
Always preview on mobile
Related articles
