InfoHeap
Tech tutorials, tips, tools and more
Navigation
  • Home
  • Tutorials
    • CSS tutorials & examples
    • CSS properties
    • Javascript cookbook
    • Linux/Unix Command Line
    • Mac
    • PHP
      • PHP functions online
      • PHP regex
    • WordPress
  • Online Tools
    • Text utilities
    • Online Lint Tools
search
  • Home
  • > Tutorials
  • > SVG

Logo creation high level checklist

By admin | Last updated on Jan 11, 2016

Every site needs a logo and many times we end up changing logo multiple times for a site. There are multiple online services which lets you quickly prototype a logo or you can use tools like Adone illustrator, Photoshop or Inkscape for designing a logo. This article will not cover design aspects of logo creation process. The aim is to cover what all things to keep in mind when you are getting your logo designed by someone else or designing it yourself.

Here is a high level checklist which is worth keeping handy during logo creation process.

  1. Always have logo designed in SVG (scalable vector graphics). That way you can make changes to it easily and scale it to various dimensions without quality loss.
  2. Always create a favicon (Favorite icon ) along with the logo. If favicon is an after thought, then it may not look best. Here is the brief definition of Favicon as per Wikipedia

    A favicon (short for Favorite icon), also known as a shortcut icon, Web site icon, URL icon, or bookmark icon, is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page.

  3. You logo should look good on few backgrounds. That gives you option to play with background colors etc. I think if logo looks good on both dark and light backgrounds, then it gives you flexibility in terms of logo placement choices.
  4. Keeping logo with transparent background is also a good idea. That way it fits well with other background easily.
  5. Important words or characters in your logo should be more prominent than other less important words.
  6. You may also need square version of your logo (e.g. for YouTube channel requires square logo along with few other sizes). Facebook page also requires a square logo. It is also a good idea to create square logo along with main logo.
  7. Keep logo as simple as possible. Should be easily readable.
  8. For your site and other places create multiple size png/gif/jpg logo files and serve the exact size required on that page instead of scaling down the image in html at client side. That way logo loads faster.

Suggested posts:

  1. How to display text on image using css
  2. How to create a logo using Inkscape
  3. How to display wordpress top level pages
  4. SVG – beginner tutorial
  5. Alexa rank – how reliable is it?
  6. Online tools to create comic strips
  7. How to select a domain name for your site
  8. Edit and debug css in Chrome
Share this article: share on facebook share on linkedin tweet this submit to reddit
Posted in Tutorials | Tagged SVG, Tutorials, Web Development

Follow InfoHeap

facebook
twitter
googleplus
  • Browse site
  • Article Topics
  • Article archives
  • Recent Articles
  • Contact Us
  • Omoney
Popular Topics: Android Development | AngularJS | Apache | AWS and EC2 | Bash shell scripting | Chrome developer tools | CSS | CSS cookbook | CSS properties | CSS Pseudo Classes | CSS selectors | CSS3 | CSS3 flexbox | Devops | Git | HTML | HTML5 | Java | Javascript | Javascript cookbook | Javascript DOM | jQuery | Kubernetes | Linux | Linux/Unix Command Line | Mac | Mac Command Line | Mysql | Networking | Node.js | Online Tools | PHP | PHP cookbook | PHP Regex | Python | Python array | Python cookbook | SEO | Site Performance | SSH | Ubuntu Linux | Web Development | Webmaster | Wordpress | Wordpress customization | Wordpress How To | Wordpress Mysql Queries

Copyright © 2023 InfoHeap.

Powered by WordPress