SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Feb 2004
    Location
    canada
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Page with four images - 425 KB

    I want to know if a web page has four images
    which total 425 KB, should I mkae it somewhere around 60 BB/ image?

    How do I know what file size to make the images?

    http://www.canadianairboats.com/boats/17x8forsale.html


    Here is the page. Should those images be optimized more?

  2. #2
    Follow Me On Twitter: @djg gold trophysilver trophybronze trophy Dan Grossman's Avatar
    Join Date
    Aug 2000
    Location
    Philadephia, PA
    Posts
    20,578
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    You could trim down the file size quite a bit without losing much quality. Here's the first image on the page:

    Your version, 103KB in size:



    Now the same image, at only 32KB in size:



    Is the difference worth the page loading 3 times slower?

    I just re-saved your image in Photoshop with the quality turned down to 50%.

  3. #3
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    The best thing you can do is just try reducing the quality of the image until you see a noticeable difference (which affects the end image). Alike what Dan stated above, small changes in reducing the quality can make a lot of difference, especially in larger images.

  4. #4
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,875
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    You could quite probably compress the image a lot further than that 32k version and still have an image that still looks almost as good as the original 103k version. Also you probably will not want four images that large all on the same page so you might consider either splitting the page into two pages or using thumbnails images in the page and simply linking to the 32k versions for those who need to see the greater detail.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  5. #5
    I Love Licorice silver trophybronze trophy Datura's Avatar
    Join Date
    Aug 2006
    Location
    Florida USA
    Posts
    5,774
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I tend to go with 30&#37; compression for the images. That is in most cases just right for the web. Only for art work would you want to go higher, but then you would use a thumb nail image to click or a gallery that is set up where people are aware of the loading time larger images take
    Ulrike
    TUTs: 1 2 3 4 5 6 7 8 9 10

  6. #6
    SitePoint Member
    Join Date
    Feb 2004
    Location
    canada
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks Dan, and everyone for the answers.

    It's very helpful.




    .


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
  •