Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: favicon

Favicon Generator. For real. image/svg+xml

With so many platforms and icons, it’s hard to know exactly what you should do. What are the dimensions of favicon.ico? How many Touch icons do I need? RealFaviconGenerator did the reseach and testing for you.

This is pretty nifty. I was thinking of creating a web version of my Faviconator Ubuntu app, but after looking at this, I’m not sure I’ll bother.

About Faviconator

The other night, I built Faviconator, a little GUI application for creating favicon files from images. I’m pretty pleased with the result and the app works quite well, I think.

Screenshot of Faviconator running on Ubuntu

Screenshot of Faviconator running on Ubuntu.

To be honest, it’s not often that I have to create favicons, but that’s one of the reasons I created the app. Prior to creating the app, I had to try and remember (read as lookup via Google) some archaic ImageMagick command, or use one of the many ad-ridden web services, and neither was a pleasant experience.

Also, when I was using OS X, I really liked the fact that the App Store was full of little apps that were designed to perform a single task. I’d like to see more of that for Ubuntu, so Faviconator and pwgenGUI are contributions towards meeting that goal.

Anyhow, if you’d like to try the app, you can find more details here.

The New Favicon image/svg+xml

The recent release of Safari 9.0 brought a great new feature: pinned tabs. These tabs are locked to the lefthand side of your tab bar and stay in place, even when you open a new window or relaunch the browser.

The default behavior is to display the first letter of the site’s name on a color from the site’s theme. If you work on a site with a strong branding element, you’ll want to customize the icon on the pinned tab.

A detailed look at how to create icons for Safari’s new pinned tabs. I’ll be giving this a try real soon.