Bad Image quality on web-page

Discussion in 'HTML & Website Design' started by tomid, Sep 5, 2010.

  1. #1
    Hy,

    I do have a problem. I need to provide as quality pictures as I can get them in PS.

    But there is a problem. When I do the xHTML and CSS convertion (from PS), I get bad pictures, but if I look those pictures directly (on the web, also), they are as they should be.

    Here is the example:

    1.jpg



    What in the hell, should be the problem here?

    I really do not have any idea :/

    THANK YOU!
     
    Last edited: Sep 5, 2010
    tomid, Sep 5, 2010 IP
  2. VarriaStudios

    VarriaStudios Member

    Messages:
    246
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #2
    increase jpg quality of image
     
    VarriaStudios, Sep 5, 2010 IP
  3. tomid

    tomid Member

    Messages:
    84
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #3
    Hm. This is not a problem.

    Because this example is the same image! The 1st one is when you look it directly (like www.mydomain.com/image_12.jpg), and the 2nd is when it's in the web-page!

    Weird isn't it? Huh!
     
    tomid, Sep 5, 2010 IP
  4. Ammu.Tecfreaks

    Ammu.Tecfreaks Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hi,

    We are interested to help with you for Bad Image quality on web-page to good image. Let me know your interest.

    Regards
    Ammu
    Email:ammu@tecfreaks.com
     
    Ammu.Tecfreaks, Sep 6, 2010 IP
  5. tomid

    tomid Member

    Messages:
    84
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #5
    Of course I'm :) You can send me a PM.

    Thanks
     
    tomid, Sep 6, 2010 IP
  6. tomid

    tomid Member

    Messages:
    84
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    43
    #6
    The problem was in the browsers (Chrome and FF). As there was a little ZOOM-in, CTR+0 fixed that problem with me :)
     
    tomid, Sep 7, 2010 IP
  7. sanchyclub

    sanchyclub Well-Known Member

    Messages:
    625
    Likes Received:
    6
    Best Answers:
    2
    Trophy Points:
    105
    #7
    step 1: you may using Photoshop but adobe ImageReady is always best for web (note: from IR you have to save your image psd format then open it from photoshop and save it jpeg formet)
    step 2: resolution is a fact for best quality so create your image resolution up to 100. when you are saving your jpeg format image try quality:8 (high).

    I think these two step will must help you to fix your problem.
    Cheers,
     
    sanchyclub, Sep 9, 2010 IP
  8. RoyalTouchDesigns

    RoyalTouchDesigns Active Member

    Messages:
    146
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #8
    Hello !
    It seems to be a very simple problem and easily fixable.
    I guess you must be using Photoshop for making your design. Firstly make sure to have the image your having problem within one slice. Then when you select the ''Save for Web" option, before saving it on your hard drive, Photoshop opens the optimised view of your design. When that opens, select the slice of the particular image and at the upper right side you would find different options of image extensions. Make sure that your image slice is selected and in those options, set it to jpeg extension and below that you would find the option of quality. Set the quality to 100. And then save the document.
    This may increase the loading time of your image on the web but it would increase the image quality to maximum on the web and this would solve the problem for sure. :)

    Regards,
    RoyalTouchDesigns
     
    RoyalTouchDesigns, Sep 9, 2010 IP
  9. RoyalTouchDesigns

    RoyalTouchDesigns Active Member

    Messages:
    146
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #9
    And if this doesn't solve your problem, let me know.
    You can email me at

    I'll be happy to fix the problem for you. :)

    Regards,
    RoyalTouchDesigns
     
    RoyalTouchDesigns, Sep 9, 2010 IP