Optimizing picture file size. Three things you can do to lower file size  Lower the resolution  Crop the picture  Save with a file format that uses.

Slides:



Advertisements
Similar presentations
Put your photos into PowerPoint Insert, crop, and format pictures Youve got photos and you want to display them in a slide show. The first thing you need.
Advertisements

Putting pictures into PowerPoint – file size issues. There are several ways of putting pictures into a presentation, this presentation deals with the issue.
First Name Last Name, Title; First Name Last Name, Title; First Name Last Name, Title Department and/or School, University of California, San Francisco.
Raster Graphics vs. Vector Graphics
First Name Last Name, Title; First Name Last Name, Title; First Name Last Name, Title Department and/or School, University of California, San Francisco.
Digital Images What to do with all those pictures.
ETT 429 Spring 2007 Digital Photography/Scanners.
PAPER TITLE (TEMPLATE FOR A 841MM X 594MM POSTER PRESENTATION) The names of the authors The affiliation names go here Poster Basics Sections (ex: “1- INTRODUCTION”)
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Digital Cameras  With a digital camera you can get instant results and pictures to your friends.  A digital camera is a type of camera that stores.
Understanding Web Graphics Web Design Section 5-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
Scanning for PowerPoint FThe most common problem encountered with creating PowerPoint presentations is … File size File size PowerPoint file size become.
Tutorial 3: Working with Images. Objectives Session 3.1 – Identify the differences among image file types – Evaluate the purpose of alternative text –
An Introduction to Microsoft Word. Microsoft Word This program allows you to type letters, papers, reports and even books. It is available through the.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
XP Tutorial 7 New Perspectives on Microsoft Windows XP 1 Microsoft Windows XP Working with Graphics Tutorial 7.
Unit 30 P1 – Hardware & Software Required For Use In Digital Graphics
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Some Simple Do’s and Don’ts.  Non-geographical AACA Region founded in 1994  113 member families coming from 26 states.  Region only meets at National.
Teach Yourself Windows 98 Module 2: Working with Files, Folders, and the Desktop.
MICROSOFT WORD GETTING STARTED WITH WORD. CONTENTS 1.STARTING THE PROGRAMSTARTING THE PROGRAM 2.BASIC TEXT EDITINGBASIC TEXT EDITING 3.SAVING A DOCUMENTSAVING.
OJC Bridge1 FlashFlash Publishing with images, diagrams and graphs CourseCourse.
 Refers to sampling the gray/color level in the picture at MXN (M number of rows and N number of columns )array of points.  Once points are sampled,
Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.
 Scaling an image is resizing the image in a graphic editing software so it is the proper size before adding it to a site.  Important NOTE: If you insert.
An Introduction to Microsoft Word. Microsoft Word This program allows you to type letters, papers, and other documents. This program allows you to type.
Images. The Element To place an image on our web page, we use the self-closing element: The src attribute ("source") is required and supplies the name.
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
XP 1 Microsoft Access 2003 Introduction To Microsoft Access 2003.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Section 8.1 Create a custom theme Design a color scheme Use shared borders Section 8.2 Identify types of graphics Identify and compare graphic formats.
Vocabulary Words. 2-stage shutter release is a shutter release, that when pressed halfway, it activates the autofocus and the light meter of the camera,
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Digital Photography Multimedia I. 1)Check to see if the battery is charged. 2)Check to see if memory has space. 3)Check to see if the camera’s date is.
How to Resize and Crop Pictures Easily in Microsoft Paint Ammar Rai ENGL 393.
Adobe photoshop digital image making. the basics Adobe PhotoShop is an image-editing program that lets you create and edit digital images. ◦PhotoShop.
Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Bitmap images Resizing bitmaps Vector images Why are there so many image file formats? Resolution and Scanning “Bits” and.bmp files Photo editors JPG file.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Information Technology Images: Types, Resolution and Techniques.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Start with loading the picture Locate your camera’s USB cable –it looks something like this:
GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.
First Name Last Name, Title; First Name Last Name, Title; First Name Last Name, Title Department and/or School, University of California, San Francisco.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
By Nathan Lowe.  Graphic cards are high specification cards with lots of memory and fast processors providing lots of power for the updated games or.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Photoshop. Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares,
By tom squire.  Graphic cards are made of millions of dots called pixels. Graphic cards take data from the CPU and turn it into a picture. At most common.
Software Design and Development Storing Data Part 2 Text, sound and video Computing Science.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
Editing images using Microsoft Photo Editor and Paint
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Images.
Why Digital? The ability to easily preview pictures and delete any bad shots, and know immediately if a particular photo needs to be re-shot The costs.
Exploring Computer Science - Lesson 3-4
Department and/or School, University of California, San Francisco
Photoshop.
Image Formats.
Exploring Computer Science - Lesson 3-4
Department and/or School, University of California, San Francisco
Department and/or School, University of California, San Francisco
Working with images EIT, Author Gay Robertson, 2018.
Your Poster Title Goes Here:
Using FrontPage Express
An Introduction to Microsoft Word
Presentation transcript:

Optimizing picture file size

Three things you can do to lower file size  Lower the resolution  Crop the picture  Save with a file format that uses compression

What tools do you need? Microsoft Paint comes free with Windows. If you are using Windows 2000 or Windows XP, paint supports saving in compressed formats. These instructions use the features in Paint because it is available to most people. The techniques can be used with more advanced programs like PhotoShop or Paint Shop Pro with even better results.

Dropping the Resolution  What is Resolution?  How can High resolution be bad?  How do I drop it?  What do I lose?

What is Resolution? Pictures are made of pixels. A pixel is a single dot in the picture, and the computer stores a number that represents what color that dot is. The more little dots you use to represent the picture, the clearer the picture is. Good ResolutionLow ResolutionPoor Resolution

How can High resolution be bad? A common resolution for monitors or projectors is 1024x768. That means the display has dots in 1024 columns and 768 rows. A 5 Mega pixel camera takes pictures that are 2592x1944. The application that displays the picture must throw away 85% of the pixels - they will not fit. The file could have been 1/6 th of the size and display the same.

How do I drop resolution? To drop resolution with MS Paint  Click Image  Stretch/Skew  Pick a scale for Stretch. For example: if you enter 50 for and 50 for vertical, This will make your image half as wide and half as tall. In this example, You actually end up with 1/4 th as many pixels. Your file could go from 500K to 125K.  Click OK ½ ½ ¼ th of the original area

What do I lose? You lose image quality. If you drop the resolution too much, your picture will become less clear. It may take a couple attempts to find a good size where you have only dropped the wasted resolution and the inserted picture looks the same as the full-size picture. Good Resolution 8 KB Low Resolution 2KB Poor Resolution 1KB I did not include a “High Resolution” sample because it would display the same as the “Good Resolution” Sample.

Cropping  What is cropping?  How do I crop a picture  What do I lose?

What is Cropping? Cropping means selecting a portion of a picture and eliminating the portion outside the selection. Cropping is not just for file size conservation. You may want to use it to re- center a picture or eliminate unwanted portions of a picture.

How do I crop a picture? If MS Paint is all you have available…  Select the area you want to keep  Click Edit  Copy  Click File  New  Click Image  Attributes  Specify something small, like 32x32 and click OK  Click Edit  Paste. Click Yes when asked if you want the bitmap enlarged Other applications make cropping quicker and easier. If you have access to a full-featured photo editing package, I recommend using it.

What do I lose? In this case, the only thing you lose is the portion of the picture you cropped out. In most cases, when you employ this technique it is because the image shows extra, uninteresting scenery and you could still convey what you need with a portion of the picture.

File formats with compression  What is compression?  Which formats use compression?  How do I use a compressed file format?  Can I double Compress?  What do I lose?

What is compression? An uncompressed file contains a list of every single pixel and a code for the color of that pixel. Some file formats look for patterns in the picture and save a mathematical description of the pattern instead. This significantly reduces the file size, especially in pictures with large areas that are the same color. The main drawback is during compression, the application will typically use approximations when a section of a picture closely resembles a simple mathematical representation, but does not fit exactly.

Which formats use compression?  JPEG (.jpg) is the most popular compressed format. It uses a standard that efficiently reduces file size with very little reduction in quality. The format also supports allowing the user to select the level of compression so you can decide how much quality you want to give up in the name of smaller size.  GIF (.gif) is another popular compressed format. GIF achieves it’s compression levels by limiting you to 256 colors and using compression techniques similar to WinZip, where the actual data stays the same. This makes GIF a good choice when text is used in an image, because it will not use approximations which can make edges of letters fuzzy. GIF will often surpass JPEG in file size reduction for images with less that 8 colors. With photos, GIF will often lose too much quality to be useful.  TIFF (.tif) is another popular format which employs some JPEG type techniques while remaining text friendly like a GIF. The reduction in file size is not as efficient as with a JPG.

How do I use a Compressed Format?  When you save your file after making changes, make sure “Save As Type” has a compressed format (such as.jpg) selected.  MS Paint has very efficient compression. Although the save options to not give you a choice for the level of compression, it is often worth opening a file before you send it and saving it with a different name from Paint to see if you get a smaller file.

Can I double Compress? Double compressing can be achieved by taking a compressed file format like GIF or JPEG and using a utility like WinZip to compress it further. This rarely makes the file smaller since the compressed file format usually employs enough compression that WinZip cannot find ways to further recude the size. Often it actually makes the file bigger since WinZip must add some information so the recipient’s computer knows how to decompress it. With very large files, it still may be worth a try.

What do I lose?  GIF compression always drops your image to 256 colors. In most pictures, this replaces large areas of detail of similar colors with one color. GIF is best avoided for photos.  With JPEG type encryption, you lose quality when the compression finds places where it can approximate patterns that nearly match the desired image appearance. Good Level of JPEG compression - 8 KB Same image with too much JPEG compression - 3 KB NOTE: An uncompressed Bitmap this size would be 104 KB!

If I follow all these tips, how much file space does that save? The original version of the picture below was 1,409 KB. The size of the picture as it appears is 23 KB.  With a 56K dial-up connection, the original would take 4 minutes to download. The smaller one would take 4 seconds.  If you were to use a $12/MB satellite connection, the large file would cost $16.52 to transmit, the small version would cost 27 cents. (Don’t forget to double the costs if a single recipient also uses satellite)  A floppy disk could only hold one image of the original size. It could hold 64 images like the smaller version.

Is there any time I should not reduce file size?  If your picture will be printed in a proposal, brochure, formal report, or released to the press, keep the original high resolution quality.  Always keep a copy of the original with the original quality. Work with and transmit small files, but you may later want to revert to the original quality image.  If you are printing on photo quality paper, the original quality will give you a better looking picture.  If your picture will be enlarged on a plotter or large format printer, the trade-offs of size optimizations will be magnified and probably unacceptable.