Do you want a professional favicon for every browser?

-
Of course you do! But, today, favicons are ridiculously complex. There are so many options and so many devices to consider and making your icon look professional on every device can be very time consuming. I spent hours trying to get mine just right... For you to get flawless perfection, you're making a large time investment. But, there's another way which I'll get to...

So, what is it that you need to consider?

There's these components:

  • The historical favicon.ico which you need and can just place in your root website directory and be done with it. But, that looks awful everywhere except on the tabs of a desktop browser.
  • A very large number of each of the different resolutions for many different browsers, tablets, smartphones and other devices to create.
  • A manifest configuration file that defines each of the images that you create for every device.
  • A browserconfig.xml file to configure.
  • meta
    and 
    link
    tags (many, not just one) to add to the 
    head
    html
    .
  • Consider the nuances of every platform and the special styles they apply that re-style your icon
  • And you litter your root folder with all this.

It's so complicated the Wikipedia has a whole page on Favicon with nearly 50 referenced articles... yikes.

So what to do?

Use a tool that does all that for you. It's doable, to do it yourself, but trust me... You don't want to! Real Favicon Generator will do it for you for free. The tool is extremely user friendly and very thorough. Upload your icon and follow the instructions. Download the zip file and upload the files to your site.
Oh, and don't worry about clearing your browser cache, it will add a query parameter automatically (within the config files and tags) for you if you choose that option in the configurator.

Big Time Saver!

Now, get back to coding!

Note: I have no affiliation to them, I'm just a happy user and I did donate. You should consider to as well.

Comments

Post a Comment

Popular posts from this blog

How to Create a Symbolic Link in Unix (aka Shortcut)

-
ln -s sourced_from sym_link A symbolic link, also termed a soft link, is a special kind of file that points to another file, much like a shortcut in Windows or a Macintosh alias. Unlike a hard link, a symbolic link does not contain the data in the target file. It simply points to another entry somewhere in the file system. This difference gives symbolic links certain qualities that hard links do not have, such as the ability to link to directories, or to files on remote computers networked through NFS. Also, when you delete a target file, symbolic links to that file become unusable, whereas hard links preserve the contents of the file. To create a symbolic link in Unix, at the Unix prompt, enter: ln -s sourced_from sym_link sourced_from is the file or folder sym_link is name of the name of the symbolic link (aka shorcut) you want to create Replace sourced_from with the name of the existing file or path for which you want to create the symbolic link (this file can be any exist
Read more...

How to Customize Login Message in Linux with System Status Info

-
Changing the login message for your Linux Server is very useful in many ways. You can display many things that are helpful to someone who is logging in for the first time or users that have logged in many times and login frequently. In this post, I'll show you how to change the login message to show some very useful information (Specifically for CentOS 7, will vary by flavor of Linux). For example, you could include things like: Environment (Production, Staging, etc) Description (What the server does) Classification (What is the level of clearance needed on the server) Server Name (What Server you logged into) Script Name (What script contains the log information, in case you have access and want to change it.) Notify (Who to notify regarding this server)(/li) Disk Space (How much disk space you have (i.e. Remaining, Total, etc) CPU Usage (How busy has the CPU been over a given period of time) Memory Used (How much memory is currently being used) Swap Space (How much over
Read more...

How to Fix WARNING: REMOTE HOST IDENTIFICATION HAS CHANGE - Host key verification failed.

-
When you get this message when you don't worry, it's easy to fix! If you re-install on OS on Unix, or your Server's IP Address changed (other reasons as well), you can get this error: @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY! Someone could be eavesdropping on you right now (man-in-the-middle attack)! It is also possible that a host key has just been changed. The fingerprint for the ECDSA key sent by the remote host is SHA256:yHWwywI7mqeEG6sztr4zfr86Pjt2PyIZrfROtmbutEwqCQ. Please contact your system administrator. Add correct host key in /Users/keith/.ssh/known_hosts to get rid of this message. Offending ECDSA key in /Users/keith/.ssh/known_hosts:3 ECDSA host key for [4.62.0.2]:7822 has changed and you have requested strict checking. Host key verification failed. Fix by issuing this
Read more...