You upload your logo and favicon on the Service Area page in your back office.

1. Open your back office.
2. In the sidebar, click Admin → Service Area.
3. Scroll past the Custom Domain card.
4. You'll see two cards stacked one after another: 🖼️ Site Logo and 🔖 Site Favicon.

You upload your logo by clicking Upload Logo in the Site Logo card, then cropping the image. SiteStakes generates the website, email, and ebook sizes automatically.

1. In the 🖼️ Site Logo card, click Upload Logo.
2. The Media Library opens. Drag your logo file into the upload area, or pick a file you've already uploaded.
3. The crop tool opens with a draggable rectangle over the image.
4. Drag the corners to crop. Keep the aspect ratio wide — logos look best longer than they are tall, roughly 3:1 or 4:1.
5. Click Save Crop.
6. SiteStakes generates three sizes automatically — one for your website header, one for emails, and one for PDF ebooks. You don't pick sizes.
7. The card now shows two previews — Website Preview and Email Preview — so you can confirm it looks right at both sizes.

To change it later, click ✏️ Re-crop to adjust the existing image, or 📤 Upload Different to replace it.

To remove it, click 🗑️ Remove Logo. Your site goes back to the default text placeholder.

You upload your favicon by clicking Upload Favicon in the Site Favicon card, then cropping the image into a square. SiteStakes generates all browser tab and home screen sizes automatically.

1. In the 🔖 Site Favicon card, click Upload Favicon.
2. The Media Library opens. Drag your favicon file into the upload area, or pick a file you've already uploaded.
3. The crop tool opens with a square crop box.
4. Position the square over the part of your image you want to show. The aspect ratio is locked to 1:1 — favicons must be square.
5. Click Save Crop.
6. SiteStakes generates five sizes automatically — 16×16 and 32×32 for browser tabs, 180×180 for the iOS home screen icon, and 192×192 and 512×512 for Android and progressive web apps. You don't pick sizes.
7. Open your site in a new browser tab. Your new favicon appears in the tab title.

To change it later, click ✏️ Re-crop or 📤 Upload Different.

To remove it, click 🗑️ Remove Favicon.

Upload the largest, highest-quality version of your image you have. SiteStakes downsizes — it doesn't upscale. Real estate website branding starts with sharp source files.

For your logo, start with an image at least 800 pixels wide. Anywhere from 1200 to 1600 pixels works best. Save it as a PNG with a transparent background so it sits cleanly on any header color. Logos look best wider than they are tall — aim for a 3:1 or 4:1 aspect ratio.

For your favicon, start with a square image at least 512×512 pixels. 1024×1024 works even better. Save as PNG with a transparent background. Pick a single bold symbol or initial — favicons display at 32×32 pixels in browser tabs, so anything detailed disappears.

If you don't have a favicon yet, your logo's most distinctive element — your icon, monogram, or initial — usually works. Crop tight on that one piece.