Results 1 to 7 of 7

Thread: Help with my Favicon

  1. #1
    Join Date
    Jul 2008
    Posts
    9
    Thanks
    0
    Thanked 3 Times in 2 Posts

    Question Help with my Favicon

    This is my website logo

    I need to resize it to 16x16 but when i do it in photoshop it distorts it!
    Can anyone help?

  2. #2
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default think in pixels...

    When working with extremely small images such as icons, it is almost always necessary to start from scratch in making something that looks similar if not identical to your larger sized logo or image. Working in photoshop with what are called "pixel" fonts would be my first suggestion for this particular icon.

    Or, if you had rather you can just use the favicon I generated with this site's favicon generator.

    I would strongly suggest however, that you rethink your idea for a favicon. I notice that your image has many "details" to it. Things like drop shadow, stroke, and so on won't be recognizable and will almost certainly be distorted looking in an image this size.

    Good luck!

    The favicon:
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    This might be better:



    The idea being, as 9 says, to come up with something similar that still gives the general idea, but that looks good that small.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Here's the icon resized by photoshop. I don't see why it's so bad looking.
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by djr33 View Post
    Here's the icon resized by photoshop. I don't see why it's so bad looking.
    That's virtually no different than what Nyne Lyvez (or, I imagine ropes27) came up with for this. I agree, it isn't horrible. But it does sort of just look like a blotch. I think my version is much more legible, though I admit it may not be suitable in this particular case. I would need to see the site itself to judge that.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Mar 2006
    Location
    Illinois, USA
    Posts
    12,164
    Thanks
    265
    Thanked 690 Times in 678 Posts

    Default

    Oh, I didn't claim it was different. I didn't see any specifics in Nyne Lyzez's post, so I'm not sure that was done the same way. I just posted mine as a reference, in case perhaps something went wrong in the conversion by ropes in the first place.
    Daniel - Freelance Web Design | <?php?> | <html>| español | Deutsch | italiano | português | català | un peu de français | some knowledge of several other languages: I can sometimes help translate here on DD | Linguistics Forum

  7. #7
    Join Date
    Jul 2008
    Location
    Johannesburg, South Africa
    Posts
    31
    Thanks
    1
    Thanked 10 Times in 10 Posts

    Default

    Like everyne has already said, favicon's generally need to be a recreated version of the original with all "fancy" effects removed. Pretty much just lines and fill colours to help it look at least legible. The size of the image compresses all the nice looking stuff into such a small space that it just doesn't work very well....

    i.e. just trying to resize an existing logo is usually not the best idea

Bookmarks

Posting Permissions

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