What is meant by image optimization?

Discussion in 'Graphics and Design' started by Famous16, May 14, 2010.

Remove these ads by signing in
Remove these ads by signing in
  1. Famous16 New Member

    Member Since:
    Feb 11, 2010
    Message Count:
    59
    Likes Received:
    0
    Hi friends,
    Can anyone tell me that what is meant by image optimization? How and what to do image optimization? Any help in this regard will be appreciated.

    With Regards,
  2. chococheese New Member

    Member Since:
    May 4, 2010
    Message Count:
    234
    Likes Received:
    13
    Occupation:
    Network Administrator
    Location:
    VA, USA
    For image optimization, I believe you would use an image editor to compress an image so that it loads at an efficient speed on a web page.
  3. Adam H Administrator

    Member Since:
    Jan 7, 2008
    Message Count:
    2,807
    Likes Received:
    162
    Occupation:
    Web Developer
    Location:
    Norfolk Uk
    Yeah basically its reducing the size of the images so that your pages load fast and are not as large ( file size wise ) Photoshop is pretty good for this as you can goto file - Save for Web - and select your image type , for Jpeg images you can actually reduce the quality , you can get it to around 60% before the image starts to loose quality so you can compress the images a huge amount
  4. chococheese New Member

    Member Since:
    May 4, 2010
    Message Count:
    234
    Likes Received:
    13
    Occupation:
    Network Administrator
    Location:
    VA, USA
    Yes, Photoshop is very useful for this purpose. Adobe Fireworks is a similar application (except its bitmap/vector instead of raster) and the specific purpose of Fireworks is for image optimization. I haven't used Fireworks anywhere near as much as I have used Photoshop but it definitely is a useful program.
  5. wptheme New Member

    Member Since:
    Oct 28, 2009
    Message Count:
    54
    Likes Received:
    2
    Are you referring to image optimization for SEO or for your site. Basically make sure that your image is resized to the perfect size to save space and bandwidtha dn also to increase your site's speed. Adding an alt and wrapping some targeted keywords for the domain seems to help rank high in Image SEO.
  6. sazymi New Member

    Member Since:
    May 13, 2009
    Message Count:
    1,384
    Likes Received:
    57
    Occupation:
    SEO, SMO, Blogger
    Location:
    Los Angeles, CA
    You can ad alt tags and tittle tags in your images when you upload it, that way you can optimize your images. Its one way to get notice by the bots to show your site in a querrie that is relates to your niche.
  7. jaikanth12 Member

    Member Since:
    Jan 9, 2010
    Message Count:
    490
    Likes Received:
    9
    Images are very important because they will make your web pages look nicer and more attractive. But, high quality and beautiful images always huge in file size. They make your pages load slower and consume more bandwidth. So we, the designers should optimize the images so that they are tiny in file size, but good in quality.
    properly optimizing images involves using the "Alt" attribute when adding images to your site. Basically Google Crawlers cannot read images, so you add the "Alt" attribute to tell these crawlers what it is. What you place here also is what is shown in the event the image doesn't load (say someone is using a web browser that is not compatible for some reason).
  8. mahesh2010 New Member

    Member Since:
    Jun 15, 2010
    Message Count:
    119
    Likes Received:
    0
    Location:
    USA
    optimization is nothing but minimization or maximization...here the image which is uploaded to any site should be small in file size..if it is larger then the image doesn't appear on the screen as soon as you enter the site address into url...to overcome this we should optimize the image as small as it is so that it uploads on the screen as soon as u hit the address in the url...
  9. SabriTech2 Banned

    Member Since:
    Jun 19, 2010
    Message Count:
    17
    Likes Received:
    0
    it means to reduce the size of the image in this photoshop helps alot, so that it can load faster and also add alt tag to it which helps in seo.
  10. alainparker New Member

    Member Since:
    Sep 21, 2010
    Message Count:
    3
    Likes Received:
    0
    Occupation:
    Programmer and sport man
    Optimize you can redute the time needed to load the page...
    That is true...but I ask to forum here users, the quality of site? If you decrease the quality..that is not a good presenting your site...
    I think 80 % rate in compression is a good compromise... under 80 I noticed that it start to notice a not good effect in the site..
    What think about ?
    In my site bestourism com i used 80... before i used 100 % now changed to 80... infact thumb before arrived to 15 KB ...now it is better... the size and quality not so bad.. :)
    bye...
    I suggest not only photoshop..also paint.net...or advanced jpeg compressor...
    or use the tool inside mozilla...to compress
  11. sazymi New Member

    Member Since:
    May 13, 2009
    Message Count:
    1,384
    Likes Received:
    57
    Occupation:
    SEO, SMO, Blogger
    Location:
    Los Angeles, CA
    Well, Google needs to optimize the speed of a web site for fast loading. I’ve found that speed inside Firebug, a Firefox plugin.
  12. faye valentine New Member

    Member Since:
    Feb 26, 2010
    Message Count:
    188
    Likes Received:
    6
    Occupation:
    SEO | Writer
    Location:
    Oregon
    Search engines love images too, just make sure that your images has a small caption directly under, on top or on the side of your image will help queue the search engines what the image is about. You can use ALT tags in <IMG> for better optimization of the images.
  13. jamescharley New Member

    Member Since:
    Oct 11, 2010
    Message Count:
    1
    Likes Received:
    0
    Many of us already consider optimizing images for Web use by reducing the file sizes as much as possible without noticeable visual degradation. Another aspect of optimizing images is their actual use, such as combining several icons into one image and using CSS for presentation or using one background image for several purposes, also using CSS positioning.
    you can optimize your images for the web. Your images should be in either .gif or .jpg formats (.gif works best for logos and navigation buttons, while .jpg works best for photographs.) The idea is to reduce the size of your graphics so that they take as few bytes as possible while retaining acceptable quality. This can be done using free on-line image optimization tools. One of the best ones out there is Gifbot, by Netmechanic. They have a user-friendly web-based interface that works like this: you upload your picture, they process it, and almost instantaneously they will give you several lighter versions of your graphic for you to chose. Pick the image that takes the fewest bytes while still retaining and acceptable quality level. It is not uncommon to reduce the weight of a picture by up to 70% with no noticeable decrease in quality (especially if the image is in .jpg format.)
    Another useful tip is to use thumbnails. Thumbnails are miniature versions of a picture that are hyperlinked to its actual size version. The thumbnail will load fast, and by clicking on it your visitors will be able to see the actual size version.
    Also, it is very important to specify the width and the height of your images in your HTML code. Since the text of your page usually loads faster, if you don't specify the width and the height of your images the browser will have to reposition the text once the pictures load, consuming more time. If you take the time to specify the width and heigth of your images, the browser will lay out the text where it should go from the beginning, even before it loads the images, saving time.
    Use all these techniques and you will have a faster loading website, while you will save more of your storage space and data transfer allowance for that useful content your visitors are always looking for.

    I hope you like the information!
  14. 1webmaster Banned

    Member Since:
    May 10, 2010
    Message Count:
    22
    Likes Received:
    0
    hi

    image optimization is nothing but the size of the image will be modified and speed of loading will become fast.
  15. mintdesignnz New Member

    Member Since:
    Sep 21, 2010
    Message Count:
    45
    Likes Received:
    0
    Occupation:
    Website Designer
    Location:
    Christchurch, New Zealand
    Image Optimization

    Faster loading time - reduce the image size by reducing the quality of the image. Don't use the "width" and "length" attributes of IMG tags. Instead resize the image to the actual size required for the web page.

    SEO - Add "Alt" and "Title" text and include captions with related keywords.
  16. jonbiles22 New Member

    Member Since:
    Nov 18, 2010
    Message Count:
    59
    Likes Received:
    0
    Precisely, make sure you have resized your image using image editor that suites to the page of your site perfectly.
  17. wmaster New Member

    Member Since:
    Jan 19, 2011
    Message Count:
    14
    Likes Received:
    0
    Location:
    on Earth
    Riot makes far more better job then photoshop on reducing image sizes, free and nice tool. I agree with mintdesigns to use exact or smaller size for the place that where image is shown on a webpage.
  18. che09 Member

    Member Since:
    Nov 29, 2010
    Message Count:
    299
    Likes Received:
    2
    Proper optimizing images involves using the "Alt" attribute when adding images to your site. Basically Google Crawlers cannot read images, so you add the "Alt" attribute to tell these crawlers what it is. What you place here also is what is shown in the event the image doesn't load (say someone is using a web browser that is not compatible for some reason).
  19. ServerSea Moderator

    Member Since:
    Jan 27, 2011
    Message Count:
    1,229
    Likes Received:
    27
    Image optimization means when some one clicks on particular image then he will redirect to another page.
  20. gogreen New Member

    Member Since:
    Apr 18, 2011
    Message Count:
    106
    Likes Received:
    1
    image optimization is nothing but reducing the size of the image and in the meanwhile it should not effect the quality of the image .while saving a image in photoshop for web ..everyone should use the option called "save to web" Ctrl+Atl+Shift+S. :)

Share This Page