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

Reducing Load Time Through Image Optimization

Discussion in 'Black Hat SEO' started by Diamond Damien, Mar 11, 2007.

  1. Diamond Damien

    Diamond Damien Owner BlackHatWorld Staff Member Jr. VIP

    Joined:
    Oct 27, 2005
    Messages:
    55,622
    Likes Received:
    12,439
    Home Page:
    Reducing Load Time Through Image Optimization


    Even though more and more Internet users switch to broadband every year, a large portion of the web's population is still running on good old dialup connections. It is therefore unwise to count them out of the equation when you're designing your website, and a very major consideration we have to make for dialup users is the loading time of your website.

    Generally, all the text on your website will be loaded in a very short time even on a dialup connection. The culprit of slow-loading sites is mainly large images on your website, and it is very important to strike a delicate balance between using just enough images to attract your users and not to bog down the overall loading time of your site.

    You should also go to a greater length and optimize every image on your site to make sure it loads in the least time possible. What I really mean is to use image editing software to remove unnecessary information on your images, and thereby effectively reducing the file size of your image without affecting its appearance.

    If you own Photoshop, it will be obvious to you that when you save an image as a JPEG file, a dialog box appears and lets you choose the "quality" of the JPEG image -- normally a setting of 8 to 10 is good enough as it will preserve the quality of your image while saving it at a small file size. If you do not have Photoshop, there are many free image compressors online that you can download and use to reduce your image's file size.

    On the other hand, you can opt to save your images in PNG format to get the best quality at the least file size. You can also save your images in GIF format -- the image editing software clips away all the color information not used in your image, hence giving you the smallest file size possible. However, saving in GIF format will often compromise the appearance of your image, so make your choice wisely!
     
  2. smokestakks

    smokestakks Newbie

    Joined:
    Sep 20, 2010
    Messages:
    23
    Likes Received:
    1
    Very helpful.
    Also, if you're using wordpress, the yahoo smush.it plugin is really good for optimizing images in bulk and when inserting them in posts.
     
  3. 420friendly

    420friendly Jr. VIP Jr. VIP Premium Member

    Joined:
    Nov 12, 2009
    Messages:
    248
    Likes Received:
    68
    Location:
    Oz
    Also get GZIP going server side... makes a HUGE difference ;)
     
  4. milian

    milian Power Member

    Joined:
    Jan 9, 2010
    Messages:
    515
    Likes Received:
    69
    Occupation:
    SEO stuff
    Location:
    Around
    Nice copy and paste job!:hand:


    This isnt the way to save images for web in photoshop. You should you use the 'save for web and devices' option, as you get far more control over the size optimisation.