SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Hybrid View

  1. #1
    SitePoint Addict
    Join Date
    Aug 2008
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    optimize image for web

    So, I was told that I could optimize an image which I should,

    Quote Originally Posted by Paul O'B View Post
    I prefer the previous version.

    That one is too big and I couldn't work out where I was. I thought I was on another site or another page!

    The page is scrolling if you just move the mouse and you can view top and bottom.

    That image is way to big a filesize as I assumed the slideshow wasn't working first time as nothing happened. It was taking so long to load I thought it was broken. The image is 2mbytes which is about 10 times too big a file size for real use. 2mbytes is much more than the resources I would use for a whole page. You should be able to optimise that image down to under 200k without much loss of quality.

    I did decrease the file size from 7.01 MB to 5.42 MB, but it is of course too large still.

    The image was 299 pixels/inch.

    So, I opened up the file in photoshop > changed the pixels/inch to 150 pixels/inch (this of course reduced the width and length of the image) > saved the file > resized the file to the original pixel width 2668 x 2000.

    I originally tried this setting the pixels/inch to 72 pixels since that is was I thought the resolution should be for the web. However, too much resolution was lost.

    So, am I doing this correctly?? Is there a better way?

    You can look at the image on this site. It is the background image

    http://newstartlaw.com/

  2. #2
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,806
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Use Save For Web in Photoshop and you should be able to reduce that down to around 250kb by tweaking the JPEG settings.
    Because you are using it for a background, you dont need the resolution clarity that a big image would give you.

    You might also want to do something with the Mexican flag which is also enormous!
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....

  3. #3
    SitePoint Member
    Join Date
    Feb 2014
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can use first Menu / File / Save For Web in Photoshop then JPEG medium format select and then save file.That's It .Thank you.....
    <snip>
    Last edited by TechnoBear; Feb 5, 2014 at 14:02. Reason: Please wait 90 days for a real signature

  4. #4
    SitePoint Member
    Join Date
    Oct 2013
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There are lot of online tools that can help you to give an optimized images size. You can upload bulk images, or even a folder and download a zip.

  5. #5
    SitePoint Wizard webcosmo's Avatar
    Join Date
    Oct 2007
    Location
    Boston, MA
    Posts
    1,480
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    It depends what are you using that file for .. post it on the web for printing, or just viewing? More than 72 ppi is required for printing, but normal web images are 72ppi, independent of the dimensions of the picture. If you just wanna use that as a background, just open the original in Photoshop, resize it to whatever dimension you need it, then save for web as a Jpeg, and set the quality to 75% maybe. It should result a file smaller than 1Mb.

  6. #6
    SitePoint Zealot AirFor's Avatar
    Join Date
    Oct 2010
    Location
    Berrigan, NSW, Australia
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If it is a png image send it through https://tinypng.com/ which will compress the image.

  7. #7
    SitePoint Member
    Join Date
    Feb 2014
    Location
    USA
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    First time found this site, tinypng.com. It gives option to upload then it allow us to download. So, the confusion is how it compress the image. Please help. It will help me as well.

  8. #8
    SitePoint Wizard webcosmo's Avatar
    Join Date
    Oct 2007
    Location
    Boston, MA
    Posts
    1,480
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I think they use less colors for the image. PNG is loseless, so there can`t be lower quality as in jpeg. Maybe they normalize the colors, merging the most similar colors into one.


Tags for this Thread

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
  •