1. I've started a massive SPAM purge, any accounts that have spammed are being removed, also for a short period new user signups are disallowed until the SPAM cleaning is finished.

What is meant by image optimization?

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

  1. Famous16

    Famous16 New Member

    Joined:
    Feb 11, 2010
    Messages:
    59
    Likes Received:
    0
    Trophy Points:
    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,
    Loading...
  2. chococheese

    chococheese New Member

    Joined:
    May 3, 2010
    Messages:
    228
    Likes Received:
    13
    Trophy Points:
    0
    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. Old Admin

    Old Admin Administrator

    Joined:
    Jan 7, 2008
    Messages:
    2,850
    Likes Received:
    228
    Trophy Points:
    63
    Gender:
    Male
    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

    chococheese New Member

    Joined:
    May 3, 2010
    Messages:
    228
    Likes Received:
    13
    Trophy Points:
    0
    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

    wptheme New Member

    Joined:
    Oct 28, 2009
    Messages:
    54
    Likes Received:
    2
    Trophy Points:
    0
    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

    sazymi New Member

    Joined:
    May 13, 2009
    Messages:
    1,356
    Likes Received:
    61
    Trophy Points:
    0
    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

    jaikanth12 Member

    Joined:
    Jan 8, 2010
    Messages:
    482
    Likes Received:
    12
    Trophy Points:
    18
    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

    mahesh2010 Member

    Joined:
    Jun 15, 2010
    Messages:
    117
    Likes Received:
    0
    Trophy Points:
    16
    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

    SabriTech2 Banned

    Joined:
    Jun 19, 2010
    Messages:
    16
    Likes Received:
    0
    Trophy Points:
    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

    alainparker New Member

    Joined:
    Sep 21, 2010
    Messages:
    3
    Likes Received:
    0
    Trophy Points:
    0
    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

    sazymi New Member

    Joined:
    May 13, 2009
    Messages:
    1,356
    Likes Received:
    61
    Trophy Points:
    0
    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

    faye valentine New Member

    Joined:
    Feb 26, 2010
    Messages:
    182
    Likes Received:
    5
    Trophy Points:
    0
    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

    jamescharley New Member

    Joined:
    Oct 10, 2010
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    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

    1webmaster Banned

    Joined:
    May 9, 2010
    Messages:
    21
    Likes Received:
    0
    Trophy Points:
    0
    hi

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

    mintdesignnz New Member

    Joined:
    Sep 21, 2010
    Messages:
    44
    Likes Received:
    0
    Trophy Points:
    0
    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

    jonbiles22 New Member

    Joined:
    Nov 17, 2010
    Messages:
    57
    Likes Received:
    0
    Trophy Points:
    0
    Precisely, make sure you have resized your image using image editor that suites to the page of your site perfectly.
  17. wmaster

    wmaster New Member

    Joined:
    Jan 19, 2011
    Messages:
    14
    Likes Received:
    0
    Trophy Points:
    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

    che09 Member

    Joined:
    Nov 28, 2010
    Messages:
    369
    Likes Received:
    3
    Trophy Points:
    18
    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

    ServerSea Moderator

    Joined:
    Jan 27, 2011
    Messages:
    1,213
    Likes Received:
    32
    Trophy Points:
    48
    Image optimization means when some one clicks on particular image then he will redirect to another page.
  20. gogreen

    gogreen New Member

    Joined:
    Apr 18, 2011
    Messages:
    106
    Likes Received:
    1
    Trophy Points:
    0
    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