Images Size & The Web. When putting your photos on the Web or sending them by email, the smaller you can get them, the better. One simple thing you can.

Slides:



Advertisements
Similar presentations
2.01 Investigate graphic image design. Image Resolution.
Advertisements

Digital Image Resolution Image Resolution Preparing Digital Images For press or monitor presentation.
Photo Management Choosing Photos that Fit.. Photo Management Choosing the Right Photo to Fit Your Design and Content.. Making Sure Your Photo Fits - Resizing.
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
IMAGES, POWERPOINT & ARTSTOR. Resolution Resolution—usually expressed as the density of elements, such as pixels, within a specific area—is a term that.
Raster Graphics vs. Vector Graphics
Resolving the Problem Resolution: Concepts & Definitions.
Monitor Sizes Monitor sizes in the US are measured in inches, diagonal distance. 20” (inches)
2.01 Understand Digital Raster Graphics
Information Technology Services North Dakota State University Lorna Olsen Get the Best Digital Images Possible What’s it all about anyway?
Raster vs Vector and Image Resolution By Josh Gallagan.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
V Obtained from a summer workshop in Guildford County July, 2014
What is digital resolution all about? Jellybean portrait shows us how units of color placed together make an image.
WHAT IS IT AND WHY SHOULD I CARE? 2.0.  GRAPHICS  Draw-type graphics (also called vector graphics) represent an image as a geometric shape made up of.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
Pixels, PPI, DPI, and LPI for Scanning, Printing, and Web Publishing
BY XAI LAO Photoshop: How to Image Size a Photo for Web – Beginner’s Guide ICT 710 | Learning Technologies | November 2011 by Xai Lao.
Bitmap vs. Vector How computers work with photographs and drawings.
Dedicated Vector and Bitmap editing software.
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.
Computer Image Dr Jimmy Lam CAD for Fashion and Textiles.
Image size and Image Sensors. Look at an image in Photoshop Two ways to specify Image size…
Page 1 Digitizing and Enhancing Photos July 20, 2006 We will focus on scanning and enhancing photos This includes prints, film and slides Instructions.
Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.
Save Back-up Organise Title There is a beast out there called the “Crash Beast”. It doesn’t happen to painters or printers or fashion designers because.
Pixels, Resolution and File Types Using Digital Media in the Classroom START.
Photoshop Software Rasterized, file formats, and printing choices.
What is Pixelation?. Pixelation is an effect caused when viewing an image zoomed in enough to see individual pixels that make up the image.
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
Understanding Images on the Computer How do images work and why?
Fixing digital images with Photoshop Elements 3 a presentation by Patrick Douglas Crispen California State University, Fullerton.
2.01D Investigate graphic image design. Image Resolution.
Digital Darkroom I Theresa L. Ford. Objectives Basic Digital Image Terminology Screen Display of Pictures –Why are pictures too big for the screen? –Why.
Grade 8.  Pixel – Tiny dots that make up a picture shown on a monitor.  Resolution – How sharp and clear an image is. Usual measured by the amount of.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Resolution: The Peanut Butter Analogy. When you scan an image or take a digital picture you are “collecting” a batch of pixels. The mega pixel rating.
Adobe Photoshop Setting Up An A3 Poster. A3 You are required to produce a poster This poster needs to be A3 in size – twice the size of a normal (A4)
CS1033 Pixel and Resolution
 Microsoft Photo Editor  HP Photo Smart  Picassa  iPhoto  Many, many, more.  Often comes with your computer, printer or camera.  Allows you to.
Scanning Basics. An image can be created, opened, edited, and saved in over a dozen different file formats in Photoshop. Of these, you might use only.
COMPUTER GRAPHICS. Once you scan an image or take a picture with your digital camera, it becomes digitized. Made up of hundreds of thousands of pixels.
Information Technology Images: Types, Resolution and Techniques.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
What are the pros and cons of different image formatting?
Vector vs. Bitmap. Vector Images Vector images (also called outline images) are images made with lines, text, and shapes. Test type is considered to be.
Demystifying the Pixel. What is a Pixel The smallest unit of measurement in a image It contains color space information in RGB, CMYK, HSB Resolution information.
“Rightsizing” Images for
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
2.01 Understand Digital Raster Graphics
What is digital resolution all about?
Exploring Computer Science - Lesson 3-4
Screen and Image Resolution
Vector vs. Bitmap.
Graphics Basics Ellen Eyth.
Exploring Computer Science - Lesson 3-4
Acquiring Images for Web Graphics
An Introduction to Scanning and Storing Photographs and Graphics
Graphics Basic Concepts.
Resolution and Printing Tips
Screen and Image Resolution
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
What is digital resolution all about?
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Pixels, screens & printing
Photoshop: Image size and resolution
Screen and Image Resolution
Presentation transcript:

Images Size & The Web

When putting your photos on the Web or sending them by , the smaller you can get them, the better. One simple thing you can do is changing the size.

The 72 or 96 dpi numbers are NEVER used to show images on the monitor screen. There is no concept of inches or dpi in the video system.

When sharing photos online, 800 by 600 pixels is a good average size to go with. If you wish to reduce file size even further, reduce your images down to 640 by 480 or even 320 by 240. If you're sure your recipients or Web site visitors won't mind waiting a little longer, you may want to go as large as 1024 by 768

There area lot of good image editors that will allow you to change the size of your images

Another Option Would be to create Thumnails and use them to link to the original larger image

Fireworks Adobe Photoshop Paint Shop Pro

Calculating Maximum print sizes: To view pictures clearly on a computer monitor, the screen only needs an output resolution of 72 PPI or 96 PPI. However, in order for a printed image to be sharp. The output resolution from the printer needs to be much higher. A printer output resolution from 140 DPI to 300 DPI is a good range for making prints from your image files. (that is with 300 DPI being professional grade printing)

Photo Enlargement Chart File Size (Pixels) MegapixelsMaximum Print DPI Maximum Print DPI 1,600 x 1,2002MP 8.0 X X 4.0 2,048 x 15363MP10.2 X X 5.1 2,592 x 19445MP12.9 X X 6.4 3,072 x 23047MP15.3 X X 7.6 3,264 x 2,4488MP16.3 X X 8.1 3,648 x 2,73610MP18.2 X X 9.1 4,000 x 3,00012MP20.0 X X 10 4,288 x 3,21614MP21.4 X X 10.7