How to resize image

Discussion in 'HTML & Website Design' started by prince4life, Mar 29, 2008.

  1. #1
    How do you resize the pixel size of pictures and not damage the quality of the pictures?

    I am trying to get some images smaller to go on a webpage in dreamweaver but everytime i try to reduce the size the picture is totally messed up.

    How can I correct this?

    Thanks in advance!
     
    prince4life, Mar 29, 2008 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    You need to create a smaller version of the image using a paint program that can do resizing using a scalar technique like 'bicubic' or 'bilinear' - sometimes called 'smart size' when both are applied. Most of your better paint programs like Photoshop, Paint Shop Pro or the GIMP have this.

    What you do NOT want is a 'bicubic' resize - this is what most (not all) browser engines do - they just throw away excess pixels instead of blending them into the image. The net result is less than attractive.

    Your problem could also be that you are dealing with palettized images (stored as 256 color or less) which do not allow for that type of filtering. You have to promote them to 16.7 million colors in your paint program of choice, then resize.

    Resizing in dreamweaver is like using dreamweaver to do much of anything else - a waste of time.
     
    deathshadow, Mar 29, 2008 IP
  3. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #3
    download gimp http://gimp-win.sourceforge.net/stable.html

    open the image in gimp, click on the resize tool, make sure the "chain" is linked. then enter pixel size in either field.
     
    bob25, Mar 29, 2008 IP
  4. Farhan5

    Farhan5 Peon

    Messages:
    189
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    u can use adobe fotoshop...or acdsee is best,,,because its tools are very best
     
    Farhan5, Mar 30, 2008 IP
  5. ajsa52

    ajsa52 Well-Known Member

    Messages:
    3,426
    Likes Received:
    125
    Best Answers:
    0
    Trophy Points:
    160
    #5
    If you have a lot of pictures to resize, my recommendation is Eyebatch.
    You can automate your image processing by applying image commands to a set of multiple images.
     
    ajsa52, Mar 30, 2008 IP
  6. bob25

    bob25 Well-Known Member

    Messages:
    1,519
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #6
    almost forgot, haven't tried it yet but adobe photoshop has a free online version now https://www.photoshop.com/express/landing.html
     
    bob25, Mar 30, 2008 IP
  7. 1368633

    1368633 Banned

    Messages:
    305
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    130
    #7
    imageshack.us
     
    1368633, Mar 30, 2008 IP
  8. QiSoftware

    QiSoftware Well-Known Member

    Messages:
    805
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    158
    #8
    If you want to learn to resize images without using a graphics program-- see this article.

    Q...
     
    QiSoftware, Mar 30, 2008 IP
  9. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #9
    I find the Image Magick suite to be quite advanced. See the convert -resizing utility for the simplest, and likely the highest quality method. Or, see thumbnails for more thorough info.

    Running a command line utility is amazingly more productive than using a GUI for this type of operation. For example, go to your images directory and enter
    
      mkdir thumbs
      mogrify  -format gif -path thumbs -thumbnail 100x100 *.jpg
    Code (markup):
    That will grab each .gif file in the directory, create a thumbnail that will fit 100×100px box, and store the .jpg thumbnail in the thumbs directory.

    Comparisons of graphic programs' down-sampling found here.

    cheers,

    gary
     
    kk5st, Mar 30, 2008 IP
    ajsa52 likes this.
  10. donniedarko

    donniedarko Member

    Messages:
    29
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #10
    Since you have Dreamweaver, I assume you have a picture editing program to go with it?

    In Fireworks or Photoshop, select the picture, click on the Scale Tool and resize your picture, then right-click on the image and click "Crop Document", this will resize the layer to the size of your image, instead of leaving white space around it when you save it.
     
    donniedarko, Mar 31, 2008 IP