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
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.
BITMAP & VECTOR GRAPHICS Art Fundamentals of Graphic Design.
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…
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.
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.
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.
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.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
UNITS OF MEASUREMENT 2.01 Understand Digital Raster Graphics.
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.
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
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
2.02 Understand Digital Vector Graphics
2.01 Investigate graphic image design.
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
Vector vs. Bitmap.
2.01 Understand Digital Raster Graphics
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!
2.02 Understand Digital Vector Graphics
ImageEditing Understanding Image Resolution.
2.01 Investigate graphic image design.
Screen and Image Resolution
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
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 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 2.01 Investigate graphic image design.

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. 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. Teacher Note: The purpose of any business document is to convey a message. Students should make sure any images they use help them to convey their message. If they do not make the message easier to understand, then they are confusing the message and should not be used. 1.02 Investigate image editing.

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

Image Resolution Measured in PPI, or pixels per inch. PPI is the numbers of pixels contained in one inch. The higher the PPI, the better the quality. The higher the PPI, the larger the file size. Match the quality to the delivery method. Most monitors can only display 72 PPI, so images that will be displayed on a monitor do not need a higher PPI. Printers can print in much more detail so printed images need to contain more pixels per inch.

1.02 Investigate image editing. Types of Resolution PPI – pixels per inch The number of pixels in an image. DPI – dots per inch printed by a printer. Dots of ink or toner in a printed image The lower the DPI of a printer, the less detailed the image will be. 150 PPI is sufficient for most personal desktop printers. 300 PPI is better for high-quality images printed on more sophisticated printers. Teacher Note: Graphics displayed on a computer monitor can be set to 72 PPI because most monitors will only display 72 PPI. However, you need higher resolutions for printing images. 150 PPI is sufficient for desktop printing; 300 PPI for high quality printing. However, the larger the PPI, the larger the file size will become. 1.02 Investigate image editing.

Monitor Resolution 1024x768 640x480 Also measured in PPI. Refers to the number of pixels per inch displayed on a monitor. 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. 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. The same number of pixels is still in the image but the display area is larger. Therefore, you will see pixelation because each pixel in the image must cover a larger space on the screen. 1.02 Investigate image editing.

Resizing a Raster 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 to cover more space on the computer screen. The end result is a distorted image. For this reason, it is easier to start with a large image and make it smaller than to try to make a small image larger than its original size. 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 a lot bigger than the other. 1.02 Investigate image editing.