I need to create a logo for my website

Last modified by Krasimir Milchev on 2019/11/17 20:47

People that make their website or company usually need a logo. Unfortunately, not everyone has been gifted with design skills.

Why is a logo needed?

The logo's main purpose is an identity - ideally, when people see it, they would immediately recognize your brand. For example, do you recognize the following brands:

1572992253908-139.png1572992619541-127.png1572992963883-393.png1572992501450-929.png1572992803061-143.png

It also takes part in making the first impression of your visitors/clients.

What should the logo be like?

Here's what the logo would ideally be like:

  • It would be attractive
  • It would ideally show what the company/website is about (a picture worth a thousand words)
    • Or at least it would be related to the domain 
  • It would fit into the website (in terms of colors) or the website would be designed around it
  • There are plenty of websites that offer free logo generation (based on templates). Just google "logo generation" or something similar and take your pick!
  • If your logo contains text and you wonder which font to use, there are tools for that. Just google "choose fonts online" or something similar and, again, take your pick!
  • Ideally, when making a logo you'd use vector graphics (.svg, .eps, etc.. file format) instead of raster graphics (.png, .jpeg, etc... file formats)
    • Vector graphics make scaled/resized images/text look smooth (right) instead of pixelized (left):
      Резултат с изображение за vector vs raster graphics how they work1
    • The reason, of course, is because when software (e.g. a web browser) renders (i.e. visualizes) vector graphics image, it recalculates and repaints the image for the given target size yielding an image as if it was painted for your/the client's screen. The reason this is possible is that when making an image with vector graphics, what is saved is the constituent vectors that make up the image. With raster images, only the individual pixels are saved and information about lines, curves and other structure is lost. You can still resize such images, but the resized image would be an approximation of the original one (as the big "S" is an approximation of the small "s" on the left example image above).
    • The reasons why you may need to resize your logo are listed below.
    • Note that to make your vector graphics image you need to use specialized software. Just search for "vector image software" on the web.
    • Note also that if you include third party images in your logo, they also need to be vector images. They can be raster ones as well, but you'll hit the scaling issue described above.
      • Converting raster images to vector ones is partially possible (the so-called image tracing processing), but usually, a lot of information is lost. There are however a couple of online services and offline tools you can try for that (just search the web).
      • Consider, however, finding a similar image already made with vector graphics.
  • Possible usages of the logo
    • Website
      • Favicon - for a website, except for the big nice logo you're creating, you'll need a small icon version that will show in the browser tabs (called "Favicon").
      • Consider also that your website will be viewed by a different types of devices (e.g. mobile) thus your logo needs to be placed and scaled properly for these. You don't need to test your logo through your phone - to see your site emulated for different devices there are online services that can help with that. Search the web (e.g. "view website mobile emulator" or similar).
    • Web ads
    • E-mails
    • Prints
      • Labels
      • Business cards
      • Pamphlets
      • Billboards
      • 3D prints
    • Signs
  • Licenses and royalties
    • Whenever you use third party images you need to make sure the license of the image allows it, i.e. the author allows usage of the image without royalties.
      • You may need to pay the author a fee to be able to use their image.
      • Note that some licenses allow you to use an image free up to some number of times and disallow royalty-free usage above that amount of times. Usage on a website usually falls in the latter category.
    • You may also consider paying the author to have the exclusive rights over the image so that no one else can use it for their logo. Unofficially, prices for that usually start at $15,000.
       

Sources:

  1. ^ https://en.wikipedia.org/wiki/Image_tracing

Tags:
Created by Krasimir Milchev on 2019/11/05 21:37