Fun gym Cambridge Nationals R001.

Slides:



Advertisements
Similar presentations
Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
Advertisements

Digital Multimedia.
Nat 4/5 - Software Design and Development – Low Level Operations - 1 National 4/5 – Computing Science Information Systems Design and Development Media.
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.
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.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
Compression is the reduction in size of data in order to save space or transmission time. And its used just about everywhere. All the images you get on.
 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.
Multimedia and The Web.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
PowerPoint: Images Randy Graff UF HSC IT Center
FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.
Raster Graphics 2.01 Investigate graphic image design.
Media Types Information Systems can contain the following types of media: Sound, graphics, video & text.
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.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Information Systems Design and Development Media Types Computing Science.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
CONTENT INCLUDED IN POSTERS THAT WOULD BE DISPLAYED IN A GYM AND METHODS BY WHICH THESE POSTERS CAN BE CREATED.
2.01 Investigate graphic image design.
Graphic Format Factors
Component 1.9 Security and Data Management
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
How to get the best results from your website and images.
Graphic Format Factors
Exploring Computer Science - Lesson 3-4
2.01 Understand Digital Raster Graphics
Image Formats.
PROPERTY OF PIMA COUNTY JTED, 2010
Sci Vis I Exam Review Unit 6 File Formats.
Adding a File to a Course
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.
Exploring Computer Science - Lesson 3-4
A computer display is made up of small squares, called pixels.
Computer Terminology: Software and File Formats
Digital Images.
File size and image quality
Fun gym Cambridge Nationals R001.
File Formats V
Fun gym Cambridge Nationals R001.
Web Design and Development
2.01 Understand Digital Raster Graphics
ИНФОРМАТИКА И РАЧУНАРСТВО Наставна тема: РАЧУНАРСКА ГРАФИКА
Graphic Format Factors
Fun gym Cambridge Nationals R001.
File Extension Mini-Lesson
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Graphic Format Factors
2.01 Investigate graphic image design.
Graphic Format Factors
Lesson 5: Multimedia on the Web
2.01 Investigate graphic image design.
Computer Networks Lesson 4.
File Compression and Formats
2.01 Investigate graphic image design.
Building an Online Store
Graphic Format Factors
Graphic Format Factors
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Lesson 6 File Types.
Graphic Format Factors
Presentation transcript:

Fun gym Cambridge Nationals R001

Link to the scenario The website has a ‘news’ section, which includes photographs and features on instructors, members and special events. Bridget takes most of the photographs for this section herself, and optimises them so that they are suitable for use. The website includes a ‘members only’ section. This is a restricted area that members use to book their classes. Security and Encryption Pages 33 to 35

Compression & File Types Compression is used to reduce file sizes and change various attributes of an image file. These attributes include: File Type – e.g. jpeg (Joint Photographic Experts Group) Resolution - Quality Dimensions - Size Bit depth - number of bits

Lossy and lossless compression

Types of compression - Lossy Data is removed during compression before transmission. When the file is received by the recipient it does not revert to its original state. Data loss is permanent This is usually not enough to be noticed This is mainly used for images, video and sound files. Q: Why is this? Q: If the file is sent on again and again how will this impact the file quality?

Types of compression - Lossless Data is removed during compression before transmission. When the file is received by the recipient it does revert to its original state. Data loss is not permanent This is important for file types which cannot lose any of its data e.g. a text document. Q: Why would lossy not be suitable for a text document?

Compression images Click Here

Question 1) Describe the difference between Lossy and Lossless compression. Giving an example where each would be used in Fun Gym. [4] 2) Bridget intends to upload photographs to the ‘news’ section of the website. What might be the best file type and why? [4]

optimising Why do it? Optimising your images will reduce your website’s page loading times, reduce bandwidth and improve the browsing experience for visitors. Your search engine ranking should also improve due to your pages loading quicker. Remember that whilst compressing an image will reduce file size, quality can also be notably reduced if you compress an image too much. It is therefore important to get the balance between image quality and image file size right.

Optimising Use specific optimising software. RIOT GIMP Photo editing software allows you to optimise images to upload to the internet. ‘SAVE AND OPTIMISE FOR WEB’ File Format Crop Thumbnail views FOR MORE INFO CLICK HERE

File Types – Internet standards What are these common file extensions used for? .mpeg .jpg .pdf .doc .mp3 .mp4 .wmv .avi .ppt .xls .gif .exe .rtf .bmp

Questions 1) State two file types suitable for images to be uploaded to FUN GYMS website [2] 2) Bridget shoots her photos with a DSLR and uses the SD Card to transfer the photographs onto her computer. State one type of software that is most suitable for editing images.[1] 3) With the amount of photos Briget would like to upload to the companies website what are the steps she could take to ensure the customers experience wasn’t slowed down or delayed? [5]