Skip to content
English
Contact us
  • There are no suggestions because the search field is empty.

How do I change the favicon or image that is displayed in the browser tab?

Update your website icon for a more professional look.

Key points • The favicon can be changed in the site settings • The Editor does not allow this modification; only the Designer does • A square and optimized image guarantees a clean display • The update may take a few minutes depending on the browser

The favicon is the small icon that appears in your browser tab, bookmarks, or history. On a hotel website, it plays a significant role in your visual identity: it strengthens brand recognition and gives your site a professional look. The good news is, it's easy to update.

Here's how to do it properly.

Edit the favicon from the site settings (Designer)

The favicon cannot be changed in the Editor. Modifications are made in the Designer, within the site's global settings.

Procedure :

  1. Open the Designer.
  2. In the top left corner, click on Settings (or Site Settings).
  3. In the sidebar menu, open the Branding tab.
  4. Look for the Favicon section.
  5. Click on Upload.
  6. Import your new icon.
  7. Save and publish.

💡 Once published, the favicon may take a few minutes to appear due to browser cache.

Recommended format and size for a hotel favicon

For a crisp, professional result: • Recommended format: PNG or ICO • Size: 32 × 32 px or 64 × 64 px • Shape: Square • Background: Transparent if possible • Small file size for fast loading

💡 Avoid overly detailed images: they become illegible at small sizes.

How can I check that the new favicon is displayed correctly?

After publication:

  1. Open your website in a new tab.
  2. Refresh several times (Cmd/Ctrl + Shift + R).
  3. Try it in private browsing mode.
  4. Check on mobile to see if the favicon appears as a web icon.

💡 Browsers often keep the old favicon in cache: you may have to wait a few minutes.

Update the preview image (Open Graph)

If you also want to change the image that appears when sharing on: • Facebook • LinkedIn • WhatsApp • iMessage

This is the Open Graph (OG) image.

It changes within the same space:

  1. Open Designer → Settings → SEO.
  2. Add your OG image (1200 × 630 px recommended).
  3. Save and publish.

💡 This image is not the favicon, but it is just as important to strengthen your hotel's digital presence.

Important points to consider

For best results: • Test several versions of the favicon to check readability • Ensure the image doesn't contain too much text • Choose a symbol, initial, or simple graphic element • Check the display in Chrome, Safari, Firefox, and Edge

On mobile, the favicon can also serve as an icon when adding the site to the home screen. It must therefore be perfectly clear.

Conclusion

Changing the favicon, or the image displayed in the browser tab, is simple: this is done in the Designer's global settings, not in the Editor. By using a square image that is optimized and legible even at small sizes, you strengthen the visual identity and credibility of your hotel website. The update may require refreshing the cache, but the change is usually visible quickly.