Down scaling/sizing large graphics files to smaller clipart files for web pages

Posted on 2005-04-21
Last Modified: 2013-12-25
I have several greeting card-sized graphics files that have been scanned in, and now my client wants them reduced in size from about 500kb to sizes amenable for web page clipart. What is the best approach?
Question by:forteplus
    LVL 3

    Accepted Solution

    If you are using PhotoShop, try "File/Save for Web" as an option. You can then pick the "Image Size" tab and scale by percent or to pixel size, and any strokes or graphic effects are scaled automatically.

    If you are not using PhotoShop, an easy, automated, and free way to do this is with Picassa from Google ( Make sure your images are in the same folder and Picassa will display them together in a folder. You can then go to "Options\E-Mail" and set the slider to the resolution you want (limited to a few increments, but hey, its free :). Now select all of the images and you can e-mail them to yourself with the button at the bottom. Now just check them to make sure they are the size and resolution you want, and if so you can then forward the e-mail to your client.

    LVL 38

    Assisted Solution


    C_Chambers has some good suggestions, but I suspect they may not work for you. Typically that approach works will for photos, but since you refer to "clipart", it sounds like these are line art or drawings. If that's the case, you may find that simply reducing the size of the image will not be sufficient. All of the fine detail in your image will disappear, the lines will become rough and broken, and your image will be unusable.

    Here's a previously answered question that addresses that issue: http:Q_21351329.html. To paraphrase the results, you can use blur or Hue/Saturation, perhaps combined with some increased contrast, to emphasize the lines in the graphic prior to reducing the image. You may also want to save as a GIF or PNG image, rather than a JPG.

    If you can tell us a little more, give us an example of the images you are working with, and what tools are available to you, we can be more specific with our assistance.

    LVL 3

    Expert Comment


    The best is using Adobe Photoshop and Macromedia Fireworks...these 2 softwares is used for optimizing the images by most of the web developers...for web....since your graphics are scanned greetings it is better to save the files as jpg format which support the quality and size of the greetings......If you want to save your graphics to gif format you can't the quality and file size will be greater than jpg...For png the file size will be greater than jpg...

    LVL 1

    Expert Comment

    For quality the best way to do what you are asking was described above.  But that will be very time consuming depending on how many "several" are.  There is a powerToy in windows called image resizer this will not give the best quality but it will make things go alot faster.  I know I have used it when I am doing a lot of images at the same time and it does a really decent job and will save A LOT of time

    Good luck
    LVL 38

    Expert Comment

    Sounds good~

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Training Course: Adobe Dreamweaver CC 2015

    Adobe Dreamweaver Creative Cloud is used by web designers and front-end developers and allows you to visualize your site in real-time as you code. This course covers exam objectives for the Adobe Certified Associate (ACA) certification.

    When pages do not download correctly, and you don't know why, the first thing you do is to look at the HTML source code of that page, but not all the downloaded files appear always clearly. If your source includes a javascript that computes the name…
    Problem to be resolved in this article Currently, development of website and web application can be done without writing thousands of lines of programming code by hand. Description This can be done through by using a open source framework such …
    The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
    The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

    760 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    6 Experts available now in Live!

    Get 1:1 Help Now