If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3

Thread: Logo on website

  1. #1
    Junior Member
    Join Date
    Sep 2017
    Member #

    Logo on website

    Hi all,

    I have a question about how to avoid a pixelated logo.

    For inspiration, Iíve looked at the CNBC logo at It looks like to logo is crisp and clear. When you open the logo image in a new tab ( the dimensions looks bigger than on the site Thus the logo on the website is smaller than the dimensions of the PNG image, which makes it look crisp and clear.

    My question is: How do I do the same on my website with my logo?

    Kind regards,


  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Oklahoma City
    Member #
    959 times
    You have to design and output the logo at a larger size and a greater resolution than you need and scale it down.

    Better yet, use SVG for the output format, which will render crisp and clear at any size.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Junior Member
    Join Date
    Aug 2017
    Pensacola, FL
    Member #
    Yep, Ron has the right idea. You can't scale up, rather scale down to keep the resolution. Good luck with it!

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 11:28 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: