- #HOW TO MAKE A FAVICON FOR TUMBLR FOR FREE#
- #HOW TO MAKE A FAVICON FOR TUMBLR HOW TO#
- #HOW TO MAKE A FAVICON FOR TUMBLR FREE#
To do this, click the Text > Add a heading button for each letter.įrom here, click on your letters and change the font, size, and color options to your liking.įrom here, try making one letter larger than the other, overlapping letters, rotating letters, just experiment until you get a look you like.Īnd, remember you don’t have to color inside the lines! Feel free to extend beyond the edges of the canvas to give your text a more unique look.įor technique number 2, search for a free icon related to your niche. This will give you the freedom to easily rotate and resize different layers. If you go this route, you’ll want to create a new text box for each letter. Add a simple one-color “element” or icon from Canvaįirst, let’s start with technique number 1.Use text for the abbreviation/acronym of your blog’s name, or.With that in mind, I recommend one of two techniques. That means you need to keep your design super simple – details will be lost. One thing you really need to keep in mind is, even though you’re uploading and creating your artwork at 512px by 512px, the icon is most often viewed at the much smaller size of 16px by 16px. But, if you have your own brand color, you can click the “New color” icon and type in your hex code: Step 3: Add your Main Artwork Now, you’ll have the option to choose from some basic preset colors. To change the background color simple click the canvas – it will highlight and then a color icon will appear for you to click. In this example, I’ll be creating a favicon for the fictional travel blog “Wander Lustie” which has a main color of salmon (#ff7a57). I recommend selecting your blog brand’s main color for your site icon.Ī white background tends to blend in to many browser tabs, where a color icon will pop and stand out more. The first thing you’ll want to do before adding your main artwork is set your icon’s background color. Now, you have a blank canvas to create your favicon! Step 2: Set Your Background Color This is the size that WordPress recommends for your favicon. Next, you’ll want to type in your custom dimensions size. To begin your design, you’ll want to click the button “Create a design” and then choose the “+ Custom dimensions option.” This means you’ll want to create custom dimensions in Canva to match these specifications… To begin, visit and sign up for a free account if you haven’t already.įrom here you’re ready to begin! Step 1: Create Your Custom Canvas SizeĪll favicons are square format, or 1:1 format ratio and WordPress recommends that they be uploaded at 512px by 512px. In this tutorial, we’re going to use the free online design program Canva.
#HOW TO MAKE A FAVICON FOR TUMBLR HOW TO#
Watch the video to learn how to create your own favicon in Canva in and add it to WordPress in real-time! How to Create a FaviconĪ favicon can be added very easily with a WordPress website, but first, you need to create your favicon. If you follow along with this post, you should be able to create and add a favicon to your WordPress website in less than an hour. The good news is, creating a favicon is easy! In other words, they’ve found that non-spammy sites are more likely to have a favicon than spammy sites. and, it’s a great (and easy) branding opportunity.Īdditionally, according to SEO experts Moz.com, not having a favicon on your website is one of 27 signals that a website is spammy. Outside of browsers, search engines are now also starting to display them as part of search snippets: Why Do You Need a Favicon?Ī favicon is a must if you want your website to look legit and professional. In additional to browser tabs, most modern browsers, like Chrome, Safari, Firefox, and Edge, also display favicons in:īookmarks (links added to your browser’s favorites/bookmarks)īookmark Bar (quick links added to your browser under the URL bar)Īddress Bar Dropdown (shows up when you start typing in a URL) Learn how to create a favicon for your WordPress website in just 5 steps! Where Else does a favicon appear?
#HOW TO MAKE A FAVICON FOR TUMBLR FOR FREE#
In this tutorial, you’ll learn how to create a favicon for free using Canva and how to add it to your WordPress website – in just 5 steps!Ī favicon is a small icon that represents your website and is most commonly seen in browser tabs.
0 kommentar(er)
