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

  1. Click on the image in your editor
  2. Look for resize handles (corners or edges)
  3. Drag to adjust size
  4. 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