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

[TUT] Quick & Dirty Method To Reduce An Images' FILE SIZE By 93.5%

Discussion in 'White Hat SEO' started by britcpa, Feb 7, 2012.

  1. britcpa

    britcpa Power Member

    Joined:
    Mar 25, 2010
    Messages:
    509
    Likes Received:
    1,384
    If you dont have specialist image editing software like photoshop (or the knowledge to use it if you only downloaded a copy last week), here's an effective and VERY SIMPLE method that will quickly turn giant files into mini files.

    mini image files load faster on your website and help to bring more google love to you in the serps as well as keeping visitors who might have been tempted to hit the BACK button when they got bored waiting for the page to load.

    so lets get started - ive got a 1.37mb image that i'd like to post to my website but by following this method first, im able to reduce the image file size to 90kb.


    [a] SOFTWARE REQUIRED:

    - OutLook Express / Windows Mail / or Similar


    STEP-BY-STEP PROCESS:


    1. open the email client from [a]

    2. i go to the folder containing my image and create a new folder called 'website images'

    3. go back to my target image and right click on it

    4. from the drop down menu, move my cursor over 'SEND TO' which produces a drop down menu

    5. on that drop down menu, i click on 'MAIL RECIPIENT'

    6. in the newly opened dialogue box (called ATTACH FILES), im presented with 5 options:

    - smaller size: 90.0kb
    - small size: 140kb
    - medium size: 230kb
    - large size: 384kb
    - original size: 1.37mb

    7. i click on SMALLER SIZE, then click the 'ATTACH' button on the same dialogue box

    8. a new message opens up in your email client (see [a] ) with your image saved as an attachment

    9. click once on the attachment in the email, drag and drop it into the new folder you created (website images)

    10. BINGO! ive just created a 90kb version of my 1.3mb image - file size reduced by 93.5%

    Im not a mac user, so i dont know if this method works the same way on there (but why not try it out for yourself?). as for the rest of us mere mortal WINDOWS users & especially for the newbs on bhw, this is a simple solution to what is frequently a tricky and frustrating problem.
     
    • Thanks Thanks x 2
    Last edited: Feb 7, 2012
  2. davids355

    davids355 Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 25, 2011
    Messages:
    8,785
    Likes Received:
    6,322
    Home Page:
    Not bad:)
    You can also download gimp (free)
    Open image in there, click save as, then you're presented with quality slider - set it to 75-85% and you'll end up with a nice image size.

    If you want to go one step further look at converting to gif and a limited colour palette.

    One step further look at sprites:)
     
  3. gritts

    gritts Junior Member

    Joined:
    Dec 4, 2011
    Messages:
    120
    Likes Received:
    20
    Nice workaround, I'll have to try it sometime. Another trick is to simply use Paint for resizing.
     
  4. genosse

    genosse Junior Member

    Joined:
    Apr 3, 2011
    Messages:
    115
    Likes Received:
    76
    Occupation:
    Father, Freelance Writer and Web Developer
    On mac, you can do this easily with Automator:

    1. Open Automator
    2. Choose New Workflow
    3. Your workflow should include:
    - Copy Finder Items (you set the location the new file goes to)
    - Scale Images (Set the percentage you want to scale the image)

    Then you just put that workflow anywhere you want, and drop the images you want to scale on top of it when you want to resize them. I have mine drop everything onto my desktop.

    *Note - This also changes the actual size of the image, and you can set a specific pixel size if you prefer that over percentage change.
     
    Last edited: Feb 7, 2012
  5. John.Roberts63

    John.Roberts63 Newbie

    Joined:
    Feb 7, 2012
    Messages:
    15
    Likes Received:
    2
    Ill be sure to try it out sometime, seems to have a nice work around
     
  6. sddk

    sddk Junior Member

    Joined:
    Dec 1, 2008
    Messages:
    192
    Likes Received:
    63
    Occupation:
    IMer
    Location:
    WWW
    You can use Microsoft office picture manager to reduce the size of your pictures, but that means you'll reduce your picture's resolution and its level of quality :eek: .. just to make it a small picture (good for emails/small pics for webpages)
     
  7. britcpa

    britcpa Power Member

    Joined:
    Mar 25, 2010
    Messages:
    509
    Likes Received:
    1,384
    all good ideas, but... ahem..... mine doesnt need any kind of image editing software whatsoever. '- )

    put it this way, if you have to load a large image to your site but youre the sort of person who doesnt want to learn new skills (because youre already bloomin' well bogged down trying to manage your time between AMR & TBS, assorted facebook apps & fanpage templates, camtasia, scrapebox, SEOlinkrobot / SEnuke, wikipage creators, youtube uploaders, etc etc etc) you wont improve on this solution. factamundo...
     
    Last edited: Feb 7, 2012
  8. davids355

    davids355 Jr. VIP Jr. VIP Premium Member

    Joined:
    Apr 25, 2011
    Messages:
    8,785
    Likes Received:
    6,322
    Home Page:
    True :)
     
  9. Oukast

    Oukast Senior Member

    Joined:
    Jan 11, 2012
    Messages:
    832
    Likes Received:
    683
    Location:
    Under the palm tree
    LOLWTFOMGBBQ? Could you do this any more difficult? And how on earth you managed to get over one meg image in the first place? Must be something like 1920x1080 pixels RAW directly from your camera.

    And are you seriously saying that 10-step guide that needs you to run email software and play around with attaching files is easier than having image editing software (or just the basic image viewer that comes with every Windows) and opening the image and selecting "save" -- is easier?
     
  10. jon_xx_x

    jon_xx_x Jr. VIP Jr. VIP

    Joined:
    Nov 15, 2008
    Messages:
    3,100
    Likes Received:
    1,457
    lol thinking the same thing.
     
  11. dirtbag

    dirtbag Senior Member

    Joined:
    Jul 24, 2008
    Messages:
    990
    Likes Received:
    525
    Or you could use one of about a zillion free image optimizing websites in one step.
     
  12. edgematch

    edgematch Elite Member

    Joined:
    May 24, 2010
    Messages:
    2,538
    Likes Received:
    1,949
    Occupation:
    You can never guess!
    Location:
    :noitacoL
    just use irfanview with incredible options and plugins. all free..
     
  13. TheCrazyMan

    TheCrazyMan Newbie

    Joined:
    May 30, 2011
    Messages:
    42
    Likes Received:
    16
    that's going to ruin the image quality
     
  14. madoctopus

    madoctopus Supreme Member

    Joined:
    Apr 4, 2010
    Messages:
    1,249
    Likes Received:
    3,498
    Occupation:
    Full time IM
    i use irfanview myself for viewing photos but i never use it to save images for sites because the JPG compression is very very bad. I prefer to use Photoshop when I want both small size and good quality. There are even ways in Photoshop to do advanced optimization on save that are not obvious - you have to read tutorials on how to do it and it doesnt work for all images.
     
  15. Oukast

    Oukast Senior Member

    Joined:
    Jan 11, 2012
    Messages:
    832
    Likes Received:
    683
    Location:
    Under the palm tree
    Sure, but you don't really go and compare $0 and $699 products like that :rolleyes:
     
  16. jascoken

    jascoken Senior Member

    Joined:
    Nov 1, 2010
    Messages:
    1,135
    Likes Received:
    751
    Gender:
    Male
    Occupation:
    IT/Web Systems & Development...
    Location:
    Sussex:UK
    Irfanview is perfect for quick resizes and conversions.

    I use it all the time... And it's free!
     
  17. implayer

    implayer Registered Member

    Joined:
    Aug 17, 2011
    Messages:
    95
    Likes Received:
    11
    I second that motion.
     
  18. britcpa

    britcpa Power Member

    Joined:
    Mar 25, 2010
    Messages:
    509
    Likes Received:
    1,384
    haha, feels like im dodging bullets over here now that ive logged back in - loook, all im saying is that if you aint got software whether its irfan or photoshop THIS is a cracking little solution.

    the '10 steps' take seconds to accomplish and as for whoever it was that was surprised at the image size to begin with, are you saying that youve never had something that large sent to you - on disk for instance? ive had plenty.

    anyway, back to the heated debate :p
     
  19. finerpleasures

    finerpleasures Regular Member

    Joined:
    Feb 17, 2009
    Messages:
    322
    Likes Received:
    97
    Code:
    http://caesium.sourceforge.net/
     
  20. Oukast

    Oukast Senior Member

    Joined:
    Jan 11, 2012
    Messages:
    832
    Likes Received:
    683
    Location:
    Under the palm tree
    But unless you run like Windows 98, you'd need to install Outlook/whatever email software, which kinda kills the whole idea, doesn't it? Why not install actual image editing software?

    This whole guide is like saying that if you want to convert .mpg file to .avi, run the video in a player and record your screen with screengrabber and save as .avi. Sure it works, but seriously?

    Of course I have seen massive filesizes, I've been working with RAW photos and uncompressed video - they're nothing out of ordinary really.
    The point I was trying to make, was that picture of that size is big resolution-wise, and in a website you don't benefit for the big resolution in the first place, so instead of just compressing it, one should scale it down and then compress - you'd sale even more in that.