Recommended image sizes for your event registration site

When you build your registration site in Delekit, the images you upload — your logo, banner, and page content — need to look sharp on both large desktop monitors and small mobile screens. This guide gives you the recommended dimensions, formats, and file sizes for each type of image, so your site looks polished on every device.

For the sharpest results on modern high-resolution displays, upload images at the sizes below or larger. Smaller images may appear soft or blurry when stretched to fit.

Quick reference

Where each image appears

Logo — Shown in the top corner of every page on your registration site. Upload it on a transparent background so it sits neatly against any header colour.

Favicon / app icon — The small square icon that appears in the browser tab and when someone saves your site to their phone's home screen. A square version of your logo or brand mark works best.

Banner / hero — The large image across the top of your home or landing page. This is the first thing attendees see, so choose something high quality and on-brand.

Full-page background — An optional image that sits behind your entire site. Use a subtle image or one with plenty of clear space, so text stays easy to read on top of it.

Content images — Any images you add within page content, such as venue photos, agenda graphics, or promotional artwork.

Sponsor / exhibitor logos — Logos displayed in sponsor or exhibitor sections. Transparent backgrounds keep them looking consistent.

Speaker / profile photos — Headshots for your speaker line-up. Square images display most reliably.

File formats

• SVG — Best for logos and simple graphics. It stays perfectly crisp at any size, on any screen. Use this whenever you have it.
• PNG — Best for logos and graphics that need a transparent background.
• JPG — Best for photographs. Smaller file size than PNG.
• WEBP — A modern format that keeps photos looking great at a smaller file size. A good choice if your design software can export it.

Getting the best results on mobile and desktop

Keep important content centred in banners. On mobile phones, the left and right edges of a wide banner are cropped off to fit the narrower screen. If your banner includes text, a logo, or a key subject, keep it within the centre of the image — roughly the middle 60% — so nothing important is lost.

Upload larger rather than smaller. A slightly oversized image will be scaled down cleanly. A too-small image stretched to fit will look blurry or pixelated. When in doubt, go bigger.

Use SVG for your logo where possible. Unlike photos, logos exported as SVG stay razor-sharp at every size, from a browser tab favicon to a full-width header.

Compress before uploading. Large files slow your page down, especially on mobile data. Free tools such as TinyPNG or Squoosh can shrink file size significantly with no visible loss in quality.

Troubleshooting

My image looks blurry or pixelated. The uploaded image is smaller than the space it's filling. Re-upload at the recommended size or larger.

My banner looks fine on desktop but cut off on mobile. The edges of wide banners are cropped on narrow screens. Move any important content towards the centre of the image and re-upload.

My logo has a white box around it. The logo was saved with a solid background. Re-save it as a transparent PNG or SVG so it blends with your header.

My image won't upload. Check that the file is one of the supported formats (PNG, JPG, WEBP, or SVG) and that it's within the maximum file size shown in the table above.