BritLink 5 Webinar Part 3 Resizing Images. Welcome! “BritLink 5 –Part 3” Hosted by: William Bourne, Britannia System Trainer Please MUTE your telephone.

Slides:

Advertisements

Similar presentations

Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.

Advertisements

Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.

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.

Image Editing Basics Resolution Screen resolution Printer resolution.

ETT 429 Spring 2007 Digital Photography/Scanners.

2.01 Understand Digital Raster Graphics

Images. Image File Formats All browsers support All browsers support –GIF (Graphic Interchange Format)  limited to 256 colors  lossless compression.

Guilford County SciVis V106.01

V Obtained from a Guildford County workshop-Summer, 2014.

Ann Ware Digital Imaging 101. Digital Image Categories BITMAPVECTOR A bitmap is an image created with pixels (small squares of color) The number of pixels.

Photoshop: Designing Graphics for the Web Christine Vucinich & Vicki Weidler ITS Training Services 224 B Computer Building University Park, PA 16802

Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.

Pixels Minute University Richard Fisher 2/4/2002 Richard Fisher2 PixelsPixels  Picture Element  A single point in an electronic image  The.

Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.

Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.

1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)

Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.

Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by, Stephanie Ludi, Rochester Institute of Technology—NY Basic Web Page Construction Graphics.

SBEC Master Technology Teacher Competency 5 Marie L. Evans EDTC 6342 Janice Butler.

8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.

HTML presentation Graphics H format H data compression H size H creating or finding H publishing.

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.

Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.

PHOTO EDITING MAKING IMAGES WORK FOR YOU Dan Rude, Pam Akins, Dan Kaplan.

Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.

10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.

PowerPoint: Images Randy Graff UF HSC IT Center

Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.

Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.

Digital Imaging 101 Ann Ware

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Color and Images. Color The natural colors we see and the colors we see on computer monitors are different. CMYK -natural RGB -monitor.

Using the Sony DSC-P52 Camera Sunday, December 06, 2015.

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.

Raster Graphics 2.01 Investigate graphic image design.

Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.

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.

Information Technology Images: Types, Resolution and Techniques.

Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.

Finding and Using Digital Images Alastair Dunning, AHDS Executive Office King’s College London, Bradford 12 th December 2005.

Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.

Graphics Theory. Learning Objectives Learn about use of graphics & their importance Identify what makes a good graphic & why Recognise different graphic.

GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.

Software Packages Used In Digital Graphics By Jack Turner.

WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.

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

Digital Imaging 101 Ann Ware.

Digital Illustration Chapter 6 File format.

Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Exploring Computer Science - Lesson 3-4

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

Sci Vis I Exam Review Unit 6 File Formats.

Web Development A Visual-Spatial Approach

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.

CMPE 101 Introduction to Information Technologies Chapter 5: Application Software: Tools for Productivity Copyright © 2012 Pearson Education, Inc. Publishing.

1.01 Investigate graphic types and file formats.

2.01 Understand Digital Raster Graphics

Photoshop: Creating and Preparing Images for the Web

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

Editing images using Microsoft Photo Editor and Paint

2.01 Investigate graphic image design.

2.01 Investigate graphic image design.

Presentation transcript:

BritLink 5 Webinar Part 3 Resizing Images

Welcome! “BritLink 5 –Part 3” Hosted by: William Bourne, Britannia System Trainer Please MUTE your telephone to prevent background noise. If you have connection issues, please follow the instructions outlined in your webinar instructions. Please submit your suggestions for NEW training topics and comments regarding today’s presentation to: Due to the high number of participants today, our session will not be an “interactive” discussion…please submit specific questions regarding today’s topic to: and I will be sure to September 2007

BritLink 5 Resizing Images Adding pictures to custom items Adding a logo By William Bourne

BritLink 5 BritLink 5 is a Great Marketing Tool! Create Specials Create Coupons Customize the look Order Taker HP Supplies Finder and HP Purchase Edge Customer Reports

BritLink 5 BUT It does not have Photo Editing Capabilities. It can’t chew your food It can’t tuck you in at night and read a story

Photo-Editing Software Adobe Photoshop CS3 - $650 The Premium version is $1400 Corel Paint Shop Pro X2 - $99 Adobe Photoshop Elements 5 - $60 Microsoft Digital Image Suite - $80

BritLink 5 Free Photo Editing Software Picasa – GIMP – IrfanView –

BritLink 5 Almost Free? Microsoft “Photo Editor” that comes with Microsoft Office Professional. “Paint” that comes with Windows

BritLink 5 JPG vs. GIF

BritLink 5 JPEG and GIF are the two graphic formats supported in BritLink 5 for the addition of pictures and graphics to your site.

BritLink 5 JPEG Joint Photographic Experts Group Photographs and Complex Graphics Supports 16 Million colors Uses a “Lossy” Compression Technique

BritLink 5 GIF Graphics Interchange Format Simple Graphics Supports only 256 colors Uses “Lossless” Compression Technique

HOWEVER Pictures can be saved as.jpg or.gif Graphic images can be both.jpg or.gif Make sure the file extension.jpg or.gif are saved with small letters.

BritLink 5 GIF Files – How can I get some?

BritLink 5 JPEG or Pictures, how do I get some? Your Wholesaler’s web sites! Your own digital camera. Public Domain photos from Web. From s

BritLink 5 “Lossy” vs.”Lossless” Compression

BritLink 5 “Lossless” “Lossless” Data Compression uses the same exact data when compressing or decompressing data. Important for bank records, text & data files. These files can get big. GIF Files

BritLink 5 “Lossy” Used to compress Picture, Audio, Visual Files In compressing and decompressing data, the data may be different than the original. Smaller compressed files. JPEG Files

BritLink 5 PIXEL Picture Element Pix short for “Picture” Is a single point in a graphic image In a color screen has 3-4 color elements

BritLink 5 Display Pixel Size 19” Monitor – 1280x ” Monitor – 1024x768 15” Monitor – 800x600

Suggested Maximum Picture Sizes in Pixels For Use in BritLink 5 Custom Picture Thumbnail – 100x100 Center Pane Picture – 600x400 Left or Right pane – 150 x 600 Logos – 125 x 30 (Depending on Theme)

BritLink 5

Using Microsoft Photo Editor

BritLink 5 It is better to downsize a picture rather than make a small picture larger. The less you change in size the better the Quality of the image will be!

2007 Regional Meetings Hands-On Training – Fort Worth, TX – December 4-5 Information coming soon! East Coast Regional Users Meeting –Baltimore – October Britannia is pleased to announce our final Regional Users Meetings for 2007! Make your reservations now! For more information us:

BritLink 5 Thank You!!

Conclusion New Training Topics? Comments? Please Questions about today’s presentation? Please Thank you!!