1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Right way to use large pictures

Discussion in 'Web Design' started by sparkster, Jul 29, 2013.

  1. sparkster

    sparkster Registered Member

    Joined:
    Apr 12, 2013
    Messages:
    52
    Likes Received:
    8
    Location:
    The South
    I have a slider on my site and I want to include some hi def pictures, but I'm worried about load time on my site. What is the best way to include pics with high res and size without bogging my site down? I've read about using png not interlaced or jpg not progressive, but am unsure of the best way to go.
     
  2. Endire

    Endire Elite Member Premium Member

    Joined:
    Mar 27, 2012
    Messages:
    1,756
    Likes Received:
    1,061
    Gender:
    Male
    Sparkster,

    The best thing you can do is serve scaled images or in other words, images that don't have to be resized by the browser. Try and get the image down to the size it will be on screen before you upload it. Often you can save the clarity of the photo if you use the right software to manipulate it.

    Also, it depends on how many images you have. That one image may take a little longer to load however if that is the only one you have on the site then it may have a marginal effect on overall performance.

    Best,

    Shawn
     
    • Thanks Thanks x 1
  3. GoForJacob

    GoForJacob Junior Member

    Joined:
    Apr 2, 2013
    Messages:
    182
    Likes Received:
    177
    One thing: Responsive.js.

    You can specify what image to load depending on what size the screen is. It's beautiful.
     
  4. sparkster

    sparkster Registered Member

    Joined:
    Apr 12, 2013
    Messages:
    52
    Likes Received:
    8
    Location:
    The South
    Is this the same as using a responsive WP theme?
     
  5. HovaHov

    HovaHov Newbie

    Joined:
    Aug 4, 2013
    Messages:
    17
    Likes Received:
    0
    Right, but that doesn't change the fact that the desktop version of the site is loading high-res images that are all probably 500kb+. I had a slider like that on one of my sites but decided to take it off due to slow load times. Unless you have a fast server to serve these images from I'd stay away.