44

Also sometimes the favicon is just missing from the tabs bar but not if i click in the adress bar


    Which brings me to a new discovery, in the case of of Discord the one used in the adress bar looks correct, where the one in in the tabs bar looks flawed


      youtube acts like Discord. no smoothing aplied, but seems like Safari is getting a better favicon

      So yeah seems like theres alot of different things going on. and that its very common

        ifixit.com

        is an example of using a completly different one

        Orion/Safari


          The Favicons in the horizontal tab bar are heavily pixelated / Lack smoothing


          Steps to reproduce:

          Expected behavior:
          Crisp and smooth looking icons like in Safari

          Version 0.99.123.1-beta (WebKit 615.1.16.1)
          MacBook Pro (macOS Ventura 13.2 build 22D49)

            Merged 2 posts from Favicons lack smoothing.

              Many browser can dynamically update their favicon, but Orion can't.

                seen this same issue, primarly with things like the google forms favicon carrying over the sheets/docs/etc

                Merged 3 posts from Favicon update (if the favicon would change, it should also change it on Orion).
                  a month later

                  When I search something in the address bar the favicon of that Google search page is the favicon of Google Photos. A restart of Orion didn't help. A reload of the page also doesn't help.

                  Orion 0.99.123.3-beta (WebKit 615.1.16.1)
                  macOS Version 13.2.1 (Build 22D68)
                  Mac14,12

                  Session Info:

                  Enabled Extensions:

                  • Dashlane — Password Manager (chrome)

                  Disabled Extensions:

                  Non Default Settings:

                  • ShowFullWebsiteAddress => 0
                  • OfferSavePassword => 0
                  • ContentBlockerLastUpdated => 2023-02-03 00:00:00 +0000
                  • isBackgroundImageDarkOnStartPage => 1
                  • overflowMenuItems => (
                    )
                  • WebAutomaticSpellingCorrectionEnabled => 0
                  • WebContinuousSpellCheckingEnabled => 0
                  • WebAutomaticQuoteSubstitutionEnabled => 0
                  • WebAutomaticDashSubstitutionEnabled => 0
                  • ShouldShowWelcomeAnimation => 0
                  • ToolbarConfiguration => {
                    "TB Default Item Identifiers" = (
                    toggleSidebar,
                    navigationGroup,
                    NSToolbarFlexibleSpaceItem,
                    privacyButton,
                    websiteSettingsButton,
                    locationBar,
                    bookmarkButton,
                    addTabButton,
                    NSToolbarFlexibleSpaceItem,
                    shareButton,
                    tabOverview
                    );
                    "TB Display Mode" = 2;
                    "TB Icon Size Mode" = 1;
                    "TB Is Shown" = 1;
                    "TB Item Identifiers" = (
                    toggleSidebar,
                    NSToolbarSidebarTrackingSeparatorItemIdentifier,
                    navigationGroup,
                    NSToolbarFlexibleSpaceItem,
                    privacyButton,
                    websiteSettingsButton,
                    locationBar,
                    bookmarkButton,
                    addTabButton,
                    NSToolbarFlexibleSpaceItem,
                    "webExtButton-fdjamakpfbbddfjaooikfcpapjohcfmg",
                    shareButton,
                    downloadsButton
                    );
                    "TB Size Mode" = 1;
                    }
                  • FirstLaunch => 0
                  • FirstTimeWebExtensionNotice => 1
                  • AllowChromeWebExtensions => 1
                  • KagiOpensWith => newWindow
                  • LastUsedBuildVersion => 123.3
                  • WillInstallUpdate => 0
                  • PreCompiledContentRuleListVersion => 123.3
                  • LastCrashCheckDate => 2023-03-18 09:38:24 +0000
                  • NextDownloadID => 174
                  • SavedWindowSize => 1920.0,970.0
                  • SavedWindowPosition => 0.0,85.0
                  • ShowTitlesInTabs => 1
                  • StatusBarVisible => 0
                  • BookmarksSidebarVisible => 0
                  • BookmarksSidebarWidth => 240
                  • QuitWithConfirmation => 0
                  • ActivePreferenceTab => search
                  • UseTabSwitcherUI => 1
                  • RemoveHistoryItemsAfter => manually
                  • BookmarksLastSynced => 1679132304919.694
                  • ReadingListLastSynced => 1679132304922.157

                    It seems like it doesn't happen at the first search but after roughly 2 searches (each search in new tab)

                    • Vlad replied to this.

                      Vlad Yes I did "Reset Orion" (and ticked all the boxes in the popup). And I can still reproduce it:

                        Merged 6 posts from Google Search favicon shows as Google Photos favicon.
                          11 days later

                          i think there are two issues here:

                          1. orion sometimes uses a weird/fuzzy/off-color favicon
                            • has all sorts of random things happening
                          2. orion doesn't keep a different favicon for each website, but rather, for each domain
                            • this results in google docs having the same favicon as google forms (coz they both use the docs.google.com domain)

                            It seems like I can't reproduce my issue with the favicons in the latest RC anymore 🙂

                              2 months later

                              I did some tests. and found several problems with Orion and Favicons.

                              some websites have different favicon depending on if the system is in dark mode or not. GitHub is one example.
                              that is to avoid having black icon on dark background.

                              If you visit github in light mode. and then the system swith to dark mode, Orion will remember favicon from light mode instead of checking for a new favicon. resulting in this:

                              Makes it very hard to tell what website you have open, It will keep that favicon even if you open a new tab and go to the site

                              I think this is related to 2. mentioned by eirk futher up. so unlike website titles that dynamically change in Orion favicons are static, so i guess tittles do checks all the time so the tittle update, favicons should do the same

                              Discord is a good example:

                              Tittle change, Favicon does not.

                              I did this script you can copy into a Programmable Button. that will display what favicon should be shown:

                              var favicon = document.querySelector('link[rel="icon"]') || document.querySelector('link[rel="shortcut icon"]');
                              var faviconUrl = favicon.href;
                              
                              var faviconImage = document.createElement('img');
                              faviconImage.src = faviconUrl;
                              faviconImage.style.position = 'fixed';
                              faviconImage.style.top = '10px';  // Adjust the position as needed
                              faviconImage.style.left = '10px';  // Adjust the position as needed
                              faviconImage.style.zIndex = '9999';  // Set a high z-index to ensure it's displayed on top
                              faviconImage.style.pointerEvents = 'none';  // Make it non-interactive
                              
                              document.body.appendChild(faviconImage);

                              That script shows this icon:

                              Steps to reproduce:

                              1. Open Twitter/Youtube
                              2. See the favicon

                              Expected behavior:
                              Normal quality of favicons

                              Orion, OS version; hardware type:
                              Orion RC 0.99.124.1.1-rc (WebKit 616.1.14.11.1)
                              macOS Version 13.4 (Build 22F66)

                              Image/Video:

                                Merged 2 posts from Low quality of favicons.