Getting Started — Responsive Design
RSVPify event websites are responsive by default — meaning the layout and sizing of your content automatically adjust across screen sizes (desktop, tablet, and mobile).
This is essential to ensure your event website looks great on any device.
Many common questions like:
“Why is my image cropping on mobile?”
“Why does my background image look stretched or distorted?”
…are answered by understanding how responsive design behaves and by choosing images that can adapt to different screen shapes.
Testing Your Responsive Layout
The most accurate way to preview your website is on a real phone or tablet — this allows you to see both portrait and landscape views.
For a quick check during editing, you can also use the device preview inside the builder.
General Image Recommendations
Supported formats: PNG, APNG, SVG, JPEG, HEIC
Maximum upload size: 20 MB (hard limit)
Recommended max for performance: ≤ 500 KB
⚡ Keeping images under 500 KB improves page load speed — especially for guests on mobile data.
Image Fit Options: Hover over any uploaded image to choose Fit (shows full image but may leave margins) or Fill (fills the space but may crop edges). Choosing the right fit option can prevent unwanted cropping or distortion on different devices.
Image Guidelines by Type
Background Images
Website / Form backgrounds
Recommended width: 1600–2000 px wide
Recommended height: At least 2× the minimum block height (~870 px) for good clarity (Exact height will vary depending on the block’s content and layout)
Minimum recommended: 1200 × 788 px
Email backgrounds
Email body width is 574 px
For retina/sharp rendering, upload at 2× width: ~1150 px wide
Height is flexible based on design
Keep file size ≤ 300 KB for faster load and better deliverability
Tips:
Add an overlay color so text stays readable over photos (website/form only).
Ensure most important content is centered on the image so it displays on mobile and desktop.
Logos
Use a transparent background (PNG or SVG is best).
Horizontal or square ratios work best for navigation/header areas — tall/vertical logos may appear small or get cropped.
Speaker Image Recommendations
Aspect options you can choose for the block (all speakers will follow the same shape):
Square (1:1) — Recommended: 800 × 800 px
Vertical (9:16) — Recommended: 1080 × 1920 px
Horizontal (16:9) — Recommended: 1600 × 900 px
