Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Feb 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How To Stop Logo Becoming Pixelated

    Hi
    I need to redesign a logo but could use some advice. The logo is clean and simple which is how its meant to be. However i am designing it in a vector program but when i then save it as a png it becomes pixelated. What do i do to stop this happening? Any help would be great. Original logo is on the following site.
    Thanks
    Last edited by VIPStephan; 03-17-2012 at 03:02 AM. Reason: Signature rule violation

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,302
    Thanks
    10
    Thanked 283 Times in 282 Posts
    Firstly the png file should be saved out at the exact resolution it will be used on the web site, and then you should ensure that the file is not scaled at all via html.

    If that doesn't work, show us the files and html, maybe someone can spot the issue.

    Dave

  • #3
    New to the CF scene
    Join Date
    Feb 2012
    Location
    Iasi
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You could also make sure that you are applying some anti-aliasing to the finished image file, but if the PNG you are creating is really small it will look pixelated no matter what you do....if you blow-up a 20px image to 60px it will look pixelated....like tracknut said, just export in the same size as the one you will be using on your site....
    usefull would be a link to the file/project site.

  • #4
    New Coder
    Join Date
    Mar 2012
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    I have found that a 72dpi Jpeg with the background colour set has a much better appearance than a PNG.

    Try and colour the background as the colour you want it, with the page dimensions set to 100% of what they are needed at... and then when you save out as a JPEG, make sure 'Embedd colour profile' is turned off else the colour may display slight off and will be noticeable on some screens.

    If you have any troubles give me a shout!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •