Google Sites Favicon: Upload a JPG, PNG, or GIF

What Google Sites documents for a favicon

Google's Sites Help places the custom favicon control at Settings → Brand images → Favicon. It says to upload or select a `.jpg`, `.png`, or `.gif` image and then publish the site. The help page does not specify a favicon pixel dimension or a maximum byte size. Do not treat a size recommendation for Google Search as a Google Sites upload limit; those are separate instructions.

The same settings panel also has a Logo section. Google says a logo appears at the top next to the site name; the Favicon section is the separate site-icon control. If the upload controls are visible but the public icon looks unchanged, first confirm which section received the file and whether the site was published afterward.

Official instructions: [Add a custom favicon in Google Sites](https://support.google.com/sites/answer/90538?hl=en#custom_favicon). The published help page lists file extensions, menu location, and the Publish action; it does not give a favicon pixel-size or byte-size limit.

One generated PNG, one Google Sites publish test

Test date: October 19, 2026. Browser: Chrome 155.0.8059.84. The operating-system build was not recorded. The source was the site's existing synthetic favicon test drawing, not a customer or brand logo. In the site's PNG-to-favicon browser tool, the selected source was shown as 256 × 256 pixels and 16.3 KB. The tool downloaded a PNG named `same-icon-squarespace-256.png`; the local file measured 21,444 bytes.

I opened a blank Google Sites page, entered Settings → Brand images → Favicon, and uploaded that generated PNG. The editor reported `网站图标已添加`, then finished processing and showed that changes were saved. I published the page. The public page returned HTTP 200 and its response HTML contained a `rel="icon"` link to a Google-hosted image. The URL is omitted here because it contains the test site's private path segment.

A direct public GET of that icon resource returned HTTP 200, `image/png`, and 17,082 response bytes. The downloaded PNG and the public response had different byte lengths; this check did not inspect whether Google re-encoded the pixels. The first public HTML and image requests after the editor reported successful publication both worked; the exact elapsed time was not measured.

This is one uploaded PNG on one test page. It demonstrates that this file was accepted and that a published page referenced a PNG resource. It does not establish Google's minimum or maximum dimensions, a byte-size limit, or the behavior of every supported file type. The public test site's URL and account details are intentionally not included.

Separate upload acceptance from display

The public response provides two concrete checks: the page loads, and its icon resource can be fetched. In this run, those checks returned 200 and the icon response was PNG. I did not verify the image visually in a browser tab: the browser-control layer replaces the tab icon with its own indicator, so a visible tab glyph would not be evidence of the Google Sites favicon.

If your question is whether Google Search will show the icon beside a result, use Google's separate [favicon guidance for Search](https://developers.google.com/search/docs/appearance/favicon-in-search). That document covers crawling and Search display; the Google Sites editor test above does not show what Search will display or when it will refresh.

Add the favicon in Google Sites

1. 01
   Open Brand images

   In the Sites editor, open Settings and choose Brand images. The Favicon area is separate from the Logo area.

2. 02
   Upload or select an image

   Under Favicon, choose Upload to use a local file or Select to choose an image from Google's available sources. Google's help lists JPG, PNG, and GIF.

3. 03
   Publish, then inspect the public page

   Publish the site after adding the image. Check the published page's icon link and request the referenced image; an editor preview alone does not establish what the public page serves.