geplaatst door: Robert
https://www.macfreak.nl/modules/news/images/Safari-Yosemite-icoon.jpg
Hoe maak je jouw eigen Favicon voor 'vastgemaakte' websites
Als je OS X 10.11/El Capitan op jouw Mac hebt staan, dan kan je in Safari 9 tabbladen van website 'vastmaken' aan de linkerkant. Als je geen idee hebt dat dit kan en hoe het werkt, op deze support-pagina van Apple wordt het allemaal uitgelegd.

Safari maakt daarbij een icoontje aan met de de eerste letter van de website, in de kleur die op die site het meest voorkomt. Tenminste, als er geen aparte Favicon voor aanwezig is. Heb jij een eigen site, en wil je liever dat bij deze vastgemaakte websites jouw eigen icoontje gebruikt wordt, dan is dat mogelijk. In dit blog-artikel van Craig Hockenberry van The Icon Factory kan je lezen hoe dat gaat.

Je moet wel weten waar je aan bezig bent, je zal bijvoorbeeld wat extra code aan je site moeten toevoegen. En een beetje experimenteren voor het beste visuele resultaat helpt ook. Want hij is niet zo blij met zijn eigen eerste pogingen, hij gebruikt zelf het woord "Yuck", vrij vertaald is dat "Jakkes". Want het icoontje is zo klein, dat 'gewoon' jouw eigen Favicon gebruiken mogelijk niet de beste oplossing is.

Voor The Icon Factory betekende het dat ze hun Favicon compleet hebben aangepast, zo hebben ze ervoor gekozen om de kleur rood van hun Favicon een stuk feller te maken, en hebben ze de vorm van het icoontje zelf ook meteen een stevige make-over te geven, waardoor het er meteen een stuk moderner uitziet.

Hieronder zie je afbeeldingen van het oude icoontje en de nieuwe versie.





Klik hier voor informatie over het onder de aandacht brengen van producten of diensten op MacFreak.
Hoe maak je jouw eigen Favicon voor 'vastgemaakte' websites
22 december 2015 - 12:20    reactie #1
geplaatst door: MacWim
Slappe poging van Safari om iets aan dit gebrek te doen.
Heb het even geprobeerd, en nergens verschijnt de favicon.

Firefox en Chrome doen dat gewoon goed: in de bladwijzerwerkbalk zie je kleurige icoontjes, in alle gevallen de favicon van de betreffende site. Handig!
Bij Safari nog altijd; tekst. zó achterlijk. Zo 2010...
Voor mij nog steeds reden om niet te kiezen voor Safari als favo browser.
Mac mini M1, 16 GB 1TB | MBA 6.2 | iPhone 12 mini | iPad Pro 11" 2021 | iPod touch 2009 | Apple TV 3
Bouw websites; webteksten; beeldbewerking met Pixelmator Pro. interlijn.nl
Hoe maak je jouw eigen Favicon voor 'vastgemaakte' websites
22 december 2015 - 17:43    reactie #2
geplaatst door: jtk
@MacWim: je bericht is negatief geformuleerd -dat mag- maar is ook onjuist.

In Safari 9.0.2 wordt in de tab van een "vastgemaakte" website keurig het favicon van de site getoond (als dat in de site is gecodeerd), net als in andere browsers die "vastgemaakte" sites ("pinned tabs") ondersteunen. In een normale tab vertoont Safari tekst uit de website, zonder ikoon. Chrome laat daar een ikoon + tekst zien. Of dat slap 2010 is of niet ("als je ruimte hebt voor tekst heb je het ikoon niet nodig") lijkt me geen discussie waard en zeker geen argument om al dan niet van browser te switchen.
jtk
Hoe maak je jouw eigen Favicon voor 'vastgemaakte' websites
22 december 2015 - 18:32    reactie #3
geplaatst door: MacWim
@jtk: ik heb het een- en andermaal geprobeerd, maar ik krijg echt alleen letters te zien bij sites waarbij echt een favicon bestaat plus een Apple touch icon.
En om in sites nou aparte coderingen in te bouwen om zo'n geintje van Safari te kunnen vertonen, daar ga ik als websitebouwer niet in mee.

Nu heb ik wel Safari 9.0.1 maar bij Apple Store Updates krijg ik geen Safari 902 voorgeschoteld.

Om misverstand te voorkomen: ik had het over vertoning in de bladwijzerwerkbalk. Heeft bijv. Chrome ook pinned tabs? Geen idee hoe ik die daar tevoorschijn tover. In de werkbalk vertoont die, net als mijn favoriet FF, icoon + tekst, maar die tekst kun je dus gewoon weghalen.
Mac mini M1, 16 GB 1TB | MBA 6.2 | iPhone 12 mini | iPad Pro 11" 2021 | iPod touch 2009 | Apple TV 3
Bouw websites; webteksten; beeldbewerking met Pixelmator Pro. interlijn.nl
Hoe maak je jouw eigen Favicon voor 'vastgemaakte' websites
22 december 2015 - 18:40    reactie #4
geplaatst door: MacWim
Firfefox:
Plaats hier de link tekst...

Safari:
Plaats hier de link tekst...

Die eerste vind ik echt een stuk duidelijker.
Mac mini M1, 16 GB 1TB | MBA 6.2 | iPhone 12 mini | iPad Pro 11" 2021 | iPod touch 2009 | Apple TV 3
Bouw websites; webteksten; beeldbewerking met Pixelmator Pro. interlijn.nl
Hoe maak je jouw eigen Favicon voor 'vastgemaakte' websites
22 december 2015 - 18:43    reactie #5
geplaatst door: MacWim
Nou ja, om het duidelijk te maken moet het kennelijk zo:

Firefox:


Safari:
Mac mini M1, 16 GB 1TB | MBA 6.2 | iPhone 12 mini | iPad Pro 11" 2021 | iPod touch 2009 | Apple TV 3
Bouw websites; webteksten; beeldbewerking met Pixelmator Pro. interlijn.nl
Hoe maak je jouw eigen Favicon voor 'vastgemaakte' websites
22 december 2015 - 19:21    reactie #6
geplaatst door: Feek
@MacWim, wat in safari wordt weergegeven is iets anders dan in FF.

Macfreak heeft bv nog geen "Pinned Icon" (website_icon.svg) waardoor automatisch een "M" (eerste letter site) getoond wordt. In FF  worden de favicons (favicons.ico) getoond.

De "Pinned Icon" heeft ook maar één kleur.
Hoe maak je jouw eigen Favicon voor 'vastgemaakte' websites
22 december 2015 - 20:25    reactie #7
geplaatst door: bacon
Bovenstaand ingewikkeld gedoe, is één groot argument om i.p.v. Safari, Firefox te gebruiken. Firefox doet dat automatisch!! Safari...ook niet te vergelijken met de plugins van Firefox.  Wat een treurigmakend gerommel met Safari....("Hallo Apple, Groot Developer Mufti : doe eens wat voor je klanten!")
"De wereld gaat aan vlijt ten onder" 1956 (!!) Boektitel Max Dendermonde
Hoe maak je jouw eigen Favicon voor 'vastgemaakte' websites
22 december 2015 - 21:05    reactie #8
geplaatst door: Flix
Nou ben ik gebruiker van FF vanaf het eerste uur, toen het nog Mozilla heette in (meen ik) OS 8.5 (let op, het 'classic' OS), maar ik vind Safari genoeg sterke punten hebben om het vaker te gebruiken dan FF.
Dus ik ben niet ontevreden over 'De Mufti'.  :hypocrite: