Screen and Image Resolution

Slides:



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

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
Raster Graphics vs. Vector Graphics
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
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.
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.
Pixels, PPI, DPI, and LPI for Scanning, Printing, and Web Publishing
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
Working with Graphics. Objectives Understand bitmap and vector graphics Place a graphic into a frame Work with the content indicator Transform frame contents.
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…
Bitmapped Images. Bitmap Images Today’s Objectives Identify characteristics of bitmap images Resolution, bit depth, color mode, pixels Determine the most.
Digital Terminology. Bitmap A representation consisting of rows and columns of dots of a graphic image stored in computer memory. To display a bitmap.
Vector vs. Bitmap
Bitmap Vs. Vector Graphics. To create effective artwork, you need to understand some basic concepts about vector graphics versus bitmap images, resolution,
 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.
Understanding Images on the Computer How do images work and why?
2.01D Investigate graphic image design. Image Resolution.
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.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
Raster vs Vector Graphics And Other Digital Terms.
Graphics and CAD. LO: Understanding graphics formats, manipulation, and the benefits of using CAD software. Learning Outcome: Define key words and answer.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
13 Production Essentials. Chapter 13 Objectives Differentiate between continuous tone and vector artwork. Use the mighty Links panel Adjust image resolution.
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.
Basic Digital Imaging For PE 266 Technology in HPER.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
2.02 Understand Digital Vector Graphics
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
2.02 Understand Digital Vector Graphics
Representing images.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
2.01 Understand Digital Raster Graphics
What is digital resolution all about?
Exploring Computer Science - Lesson 3-4
2.01 Understand Digital Raster Graphics
Screen and Image Resolution
Vector vs. Bitmap.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
Units of Measurement, Image Resolution, & Color Mode
Graphics Basics Ellen Eyth.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
Exploring Computer Science - Lesson 3-4
2.02 Understand Digital Vector Graphics
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
LET’S LEARN ABOUT GRAPHICS!
Digital Images.
2.02 Understand Digital Vector Graphics
ImageEditing Understanding Image Resolution.
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
What is digital resolution all about?
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.02 Understand Digital Vector Graphics
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
Screen and Image Resolution
Presentation transcript:

Screen and Image Resolution 1.02 Investigate image editing.

1.02 Investigate image editing. Types of Images Clip Art – premade graphics that are available online and in many software packages; may be vector or raster Photographs – raster images that contain millions of colors and realistic images Art Work – computer created drawings or paintings; may be raster or vector Which type of image is appropriate? Select images that reflect the purpose and theme of the document Use images to convey meaning and communicate, not to decorate 1.02 Investigate image editing.

The quality of an image is dependent upon two factors: Resolution Aspect Ratio 1.02 Investigate image editing.

Resolution The number of pixels per inch (PPI) displayed on a monitor to compose and image The higher the resolution, the higher the level of detail As resolution is increased on the monitor, detail is emphasized and image size is reduced 1024x768 Industry Standard 640x480 1.02 Investigate image editing.

1.02 Investigate image editing. Types of Resolution PPI – pixels per inch The number of pixels displayed (not contained) in an image SPI – samples per inch Information about how to display a scanned, printed, or digital image DPI – dots per inch Dots of ink or toner in a printed image The lower the DPI of a printer, the less detailed the image will be LPI – lines per inch Printing resolution 1.02 Investigate image editing.

1.02 Investigate image editing. Aspect Ratio What’s the answer? Aspect Ratio – relationship of an object’s width to its height An original image that is 1”x 1” has a resolution of 100 PPI What is the effect on the resolution of enlarging the image to 2”x 2”? What happens to the image quality? Suppose an image has a resolution of 100 pixels per square inch and is 1 inch square. If you resize the image so that it is two inches square, it becomes 50 pixels per inch which reduces the resolution by half and also reduces the image quality. 1.02 Investigate image editing.

1.02 Investigate image editing. Resizing an Image A small image that is enlarged is easily distorted. Pixels are not added, just enlarged Better to start with a large image and make it smaller File size will remain the same An image must be edited to reduce file size. You will notice that by stretching an image to make it larger, it gets fuzzy and distorted. This is because the computer just makes a really small square (pixel) of data larger or wider as per your directions. The end result, as you can see, is a distorted image. For this reason, it is easier to start with a large image and make it smaller than to go the other way and try to make a small image larger than its original intended size. And remember: Compare the two images. If you were to compare the properties of both images, (by right clicking and scrolling down to properties on each image) you would see that it is the same image, but more importantly they have the same file size, although one is way bigger than the other one 1.02 Investigate image editing.