A computer display is made up of small squares, called pixels.

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
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.
ETT 429 Spring 2007 Digital Photography/Scanners.
2.01 Understand Digital Raster Graphics
Image Compression CSC CSC Computing with Images2 How do we use fewer bytes to encode the same or similar information? Reduce redundancy Take.
Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
Web Design, 4 th Edition 5 Typography and Images.
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
File Formats About graphic file formats And image compression.
Foundations of Web Design I Photoshop CS5 Michael Daniel
8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Graphic Format Factors
Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Things to Remember When working with digital images.
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.
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.
Graphics Concepts Presentation
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Photoshop Basics: Extended Instructor: Vicki Weidler Assistant: Joaquin Obieta.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
2.01 Understand Digital Raster Graphics
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.
Graphic Format Factors
Section 8.1 Section 8.2 Create a custom theme Design a color scheme
2.01 Understand Digital Raster Graphics
2.01 Understand Digital Raster Graphics
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Graphic Format Factors
2.01 Understand Digital Raster Graphics
Digital Photo editing with Photoshop
Image Formats.
Introduction To Photo Editing SHIELA MAE A. AQUINO SRNHS.
2.01 Investigate graphic image design.
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.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Digital Images.
Image File Size and File Compression
Chapter 3:- Graphics Eyad Alshareef Eyad Alshareef.
Digital Images.
1.01 Investigate graphic types and file formats.
Graphics Basic Concepts.
Representing Images 2.6 – Data Representation.
Web Design and Development
2.01 Understand Digital Raster Graphics
Graphic Format Factors
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Graphic Format Factors
Graphic Format Factors
Multimedia System Image
2.01 Investigate graphic image design.
Graphic Format Factors
Graphic Format Factors
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Graphic Format Factors
Creating Digital Graphics
Presentation transcript:

A computer display is made up of small squares, called pixels. Digital images are also made up of pixels and have a resolution (measured in pixels) indicating the width and height. The higher the resolution, the larger the image appears on the screen. As the resolution increases, so does the file size (in bytes) because the image contains more information.

The display has a screen resolution, measured in pixels, indicating the width and height: e.g. 1024 x 768 pixels denotes a display consisting of 1024 rows of 768 pixels. Displays are often capable of using different screen resolutions: e.g. 800 x 600 pixels or 1024 x 768 pixels, 1280 x 1024. The higher the resolution, the more detail is displayed on the screen.

At a screen resolution of 1280 x 1024 pixels, a 518 x 255 image appears quite small on the screen. At a screen resolution of 800 x 600 pixels, the image appears much larger. The image's actual size has not been altered, it simply takes up more of the screen pixels, as there are less screen pixels available. 1280 x 1024 800 x 600

Compression File formats are used to encode digital images. Part of the reason for different file types is the need for compression. Image files can be quite large, and larger file types mean more disk usage and slower downloads. Compression is a term used to describe ways of cutting the size of the file. This can be achieved by removing colour information (e.g. From 16 million colours to 256) or by removing detail that would be unnoticeable to the eye. Compression schemes can be described as lossy or lossless. This indicates whether compression affects the quality of the image on successive saves.

Digital Images: Output Choice of image format depends on the type of output. If you are using images for publications, desktop publishing or a final print output, choose lossless formats and high resolutions (larger file sizes) For the internet, speed and accessibility are the most important aspects, so formats which give a decent image but have a relatively low file size are ideal. Therefore, we might use ‘lossy’ formats like JPEG.

JPEG (Joint Picture Experts Group) WEB PRODUCTION FORMATS JPEG (Joint Picture Experts Group) JPEG is popular image format for web use due to its retention of image quality with relatively small file sizes. Beneficial effects of compression are best seen on photographs with smooth gradations of colour. JPEG is the most commonly used format for saving Digital Photographs. JPEG is a ‘lossy’ format. Not as effective for line drawing, text objects or icons where contrasts are sharp.

GIF (GRAPHIC INTERCHANGE FORMAT) WEB PRODUCTION FORMATS GIF (GRAPHIC INTERCHANGE FORMAT) GIFs are used to display limited (indexed) colour graphics on the web. More appropriate for logos and artwork than photographs. GIF files support transparency. GIF is a compressed format that reduces the file size of images. It only supports a limited number of colours.

PNG (Portable Network Graphics) WEB PRODUCTION FORMATS PNG (Portable Network Graphics) PNG was developed as an alternative to GIF for displaying images on the web. It uses lossless compression and supports transparency. Some browsers do not support PNG.

TIFF (TAGGED IMAGE FILE FORMAT) PRINT PRODUCTION FORMATS TIFF (TAGGED IMAGE FILE FORMAT) TIFF is a common bitmap image format, so most image-editing software and page-layout applications support TIFF images up to 2GB in size. TIFF supports most colour modes and can save images with alpha channels. While Photoshop can also include layers in a TIFF file, most other Applications cannot use these extended features and see only the Flattened image.

SOURCING IMAGES From the Internet From a Digital Camera

SOURCING IMAGES From the Internet USING SEARCH ENGINES VIDEO HERE

SOURCING IMAGES From a Digital Camera TAKING PICTURES AND TRANSFERRING THEM TO A PC VIDEO HERE

PREVIEWING IMAGES Viewing and Organising Digital Images with Windows