Soumettre la recherche
Mettre en ligne
CH11 Graphics Notes
•
Télécharger en tant que PPT, PDF
•
0 j'aime
•
235 vues
P
Program in Interdisciplinary Computing
Suivre
from webstyleguide.com
Lire moins
Lire la suite
Technologie
Art & Photos
Signaler
Partager
Signaler
Partager
1 sur 16
Télécharger maintenant
Recommandé
Week04 tk ramperto
Week04 tk ramperto
Lampard To Pasaribu
WSG CH08 - Typography
WSG CH08 - Typography
Program in Interdisciplinary Computing
11 interfaces
11 interfaces
Program in Interdisciplinary Computing
3 Information Architecture
3 Information Architecture
Program in Interdisciplinary Computing
Image Optimization
Image Optimization
Tasawr Interactive
About graphics-on-web
About graphics-on-web
Tayyab Ahmed
Chapter 23: Web Images
Chapter 23: Web Images
Steve Guinan
Introduction to HEVC
Introduction to HEVC
Yoss Cohen
Recommandé
Week04 tk ramperto
Week04 tk ramperto
Lampard To Pasaribu
WSG CH08 - Typography
WSG CH08 - Typography
Program in Interdisciplinary Computing
11 interfaces
11 interfaces
Program in Interdisciplinary Computing
3 Information Architecture
3 Information Architecture
Program in Interdisciplinary Computing
Image Optimization
Image Optimization
Tasawr Interactive
About graphics-on-web
About graphics-on-web
Tayyab Ahmed
Chapter 23: Web Images
Chapter 23: Web Images
Steve Guinan
Introduction to HEVC
Introduction to HEVC
Yoss Cohen
Image file types in html5
Image file types in html5
Wesley Chan
Mult media (graphics,animations,sounds and videos)
Mult media (graphics,animations,sounds and videos)
KAZEMBETVOnline
Image file types in html5
Image file types in html5
Wesley Chan
High Definition Video Conferencing and the Ohio K-12 Network ...
High Definition Video Conferencing and the Ohio K-12 Network ...
Videoguy
Lab#2 illustrator
Lab#2 illustrator
Yaowaluck Promdee
HD Video Essay (final)
HD Video Essay (final)
j.jones
Technical glossary
Technical glossary
halo4robo
IBM VideoCharger and Digital Library MediaBase.doc
IBM VideoCharger and Digital Library MediaBase.doc
Videoguy
Image Files Formats
Image Files Formats
Sarah Fernetich
Webquest
Webquest
webquest
"Machine Learning- based Image Compression: Ready for Prime Time?," a Present...
"Machine Learning- based Image Compression: Ready for Prime Time?," a Present...
Edge AI and Vision Alliance
Artdm171 Week6 Images
Artdm171 Week6 Images
Gilbert Guerrero
Video
Video
mandalina landy
The Perfect Storm MPEG DASH with H.265 (HEVC) with HTML5
The Perfect Storm MPEG DASH with H.265 (HEVC) with HTML5
IMTC
Worksheet 1
Worksheet 1
empentertainment
Technical glossary
Technical glossary
AmaanGDesign
Bitmovin LIVE Tech Talks: Data Driven Video Workflows
Bitmovin LIVE Tech Talks: Data Driven Video Workflows
Bitmovin Inc
Video-Editing Techniques.pptx
Video-Editing Techniques.pptx
1A260YashRavindraRau
Digital video
Digital video
Muhammad King
Week 6 Task File Formats
Week 6 Task File Formats
guest2cf876
Phpmysqlcoding
Phpmysqlcoding
Program in Interdisciplinary Computing
Database basics
Database basics
Program in Interdisciplinary Computing
Contenu connexe
Similaire à CH11 Graphics Notes
Image file types in html5
Image file types in html5
Wesley Chan
Mult media (graphics,animations,sounds and videos)
Mult media (graphics,animations,sounds and videos)
KAZEMBETVOnline
Image file types in html5
Image file types in html5
Wesley Chan
High Definition Video Conferencing and the Ohio K-12 Network ...
High Definition Video Conferencing and the Ohio K-12 Network ...
Videoguy
Lab#2 illustrator
Lab#2 illustrator
Yaowaluck Promdee
HD Video Essay (final)
HD Video Essay (final)
j.jones
Technical glossary
Technical glossary
halo4robo
IBM VideoCharger and Digital Library MediaBase.doc
IBM VideoCharger and Digital Library MediaBase.doc
Videoguy
Image Files Formats
Image Files Formats
Sarah Fernetich
Webquest
Webquest
webquest
"Machine Learning- based Image Compression: Ready for Prime Time?," a Present...
"Machine Learning- based Image Compression: Ready for Prime Time?," a Present...
Edge AI and Vision Alliance
Artdm171 Week6 Images
Artdm171 Week6 Images
Gilbert Guerrero
Video
Video
mandalina landy
The Perfect Storm MPEG DASH with H.265 (HEVC) with HTML5
The Perfect Storm MPEG DASH with H.265 (HEVC) with HTML5
IMTC
Worksheet 1
Worksheet 1
empentertainment
Technical glossary
Technical glossary
AmaanGDesign
Bitmovin LIVE Tech Talks: Data Driven Video Workflows
Bitmovin LIVE Tech Talks: Data Driven Video Workflows
Bitmovin Inc
Video-Editing Techniques.pptx
Video-Editing Techniques.pptx
1A260YashRavindraRau
Digital video
Digital video
Muhammad King
Week 6 Task File Formats
Week 6 Task File Formats
guest2cf876
Similaire à CH11 Graphics Notes
(20)
Image file types in html5
Image file types in html5
Mult media (graphics,animations,sounds and videos)
Mult media (graphics,animations,sounds and videos)
Image file types in html5
Image file types in html5
High Definition Video Conferencing and the Ohio K-12 Network ...
High Definition Video Conferencing and the Ohio K-12 Network ...
Lab#2 illustrator
Lab#2 illustrator
HD Video Essay (final)
HD Video Essay (final)
Technical glossary
Technical glossary
IBM VideoCharger and Digital Library MediaBase.doc
IBM VideoCharger and Digital Library MediaBase.doc
Image Files Formats
Image Files Formats
Webquest
Webquest
"Machine Learning- based Image Compression: Ready for Prime Time?," a Present...
"Machine Learning- based Image Compression: Ready for Prime Time?," a Present...
Artdm171 Week6 Images
Artdm171 Week6 Images
Video
Video
The Perfect Storm MPEG DASH with H.265 (HEVC) with HTML5
The Perfect Storm MPEG DASH with H.265 (HEVC) with HTML5
Worksheet 1
Worksheet 1
Technical glossary
Technical glossary
Bitmovin LIVE Tech Talks: Data Driven Video Workflows
Bitmovin LIVE Tech Talks: Data Driven Video Workflows
Video-Editing Techniques.pptx
Video-Editing Techniques.pptx
Digital video
Digital video
Week 6 Task File Formats
Week 6 Task File Formats
Plus de Program in Interdisciplinary Computing
Phpmysqlcoding
Phpmysqlcoding
Program in Interdisciplinary Computing
Database basics
Database basics
Program in Interdisciplinary Computing
CGS2835 HTML5
CGS2835 HTML5
Program in Interdisciplinary Computing
Mysocial databasequeries
Mysocial databasequeries
Program in Interdisciplinary Computing
Mysocial databasequeries
Mysocial databasequeries
Program in Interdisciplinary Computing
CGS2835 HTML5
CGS2835 HTML5
Program in Interdisciplinary Computing
01 intro tousingjava
01 intro tousingjava
Program in Interdisciplinary Computing
Web architecture v3
Web architecture v3
Program in Interdisciplinary Computing
Xhtml
Xhtml
Program in Interdisciplinary Computing
Webdev
Webdev
Program in Interdisciplinary Computing
Web architecture
Web architecture
Program in Interdisciplinary Computing
Sdlc
Sdlc
Program in Interdisciplinary Computing
Mysocial
Mysocial
Program in Interdisciplinary Computing
Javascript
Javascript
Program in Interdisciplinary Computing
Javascript
Javascript
Program in Interdisciplinary Computing
Html5
Html5
Program in Interdisciplinary Computing
Frameworks
Frameworks
Program in Interdisciplinary Computing
Drupal
Drupal
Program in Interdisciplinary Computing
Database
Database
Program in Interdisciplinary Computing
Javascript2
Javascript2
Program in Interdisciplinary Computing
Plus de Program in Interdisciplinary Computing
(20)
Phpmysqlcoding
Phpmysqlcoding
Database basics
Database basics
CGS2835 HTML5
CGS2835 HTML5
Mysocial databasequeries
Mysocial databasequeries
Mysocial databasequeries
Mysocial databasequeries
CGS2835 HTML5
CGS2835 HTML5
01 intro tousingjava
01 intro tousingjava
Web architecture v3
Web architecture v3
Xhtml
Xhtml
Webdev
Webdev
Web architecture
Web architecture
Sdlc
Sdlc
Mysocial
Mysocial
Javascript
Javascript
Javascript
Javascript
Html5
Html5
Frameworks
Frameworks
Drupal
Drupal
Database
Database
Javascript2
Javascript2
Dernier
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
Boston Institute of Analytics
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
Dernier
(20)
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
CH11 Graphics Notes
1.
© 2004 Ken
Baldauf, All rights reserved. Graphics CGS2826 Web Design Program in Interdisciplinary Computing Florida State University From Web Style Guide, Chapter 11: Graphics
2.
© 2010 Ken
Baldauf, All rights reserved. What are the most effective uses of graphics, and what’s the best way to integrate words and images into an understandable story for the user?
3.
© 2010 Ken
Baldauf, All rights reserved. Roles of Web Graphics Define site boundaries Provide and enhance content: illustrations, diagrams, charts, visualizations, word art
4.
© 2010 Ken
Baldauf, All rights reserved.
5.
© 2010 Ken
Baldauf, All rights reserved. Characteristics of Web Graphics RGB model is called “additive” because a combination of the three pure colors—red, green, and blue—“adds up” to white light. 16.8 million colors that are theoretically possible in a 24-bit or 32-bit display screen. 72 to 96 pixels per inch (ppi)
6.
© 2010 Ken
Baldauf, All rights reserved. Gamma The degree of contrast between the midlevel gray values of an image.
7.
© 2010 Ken
Baldauf, All rights reserved. Graphics and Bandwidth Some web users access the Internet via modem, slow wireless connection, or cell phone network, and others view pages on the small display of a handheld device such as a cell phone or an iPod Touch. This reality imposes limits on the file size and physical dimensions of web graphics.
8.
© 2010 Ken
Baldauf, All rights reserved. Graphics File Formats GIF – 8 bit, 256 colors Compression: lossless, ideal for logos Dithering: reducing color amnt to 256 Interlaced: loads entire image from low to high rez Transparent: select background color as trans JPEG – 24 bit, 16.8 million colors Great for photos PNG Combines best of GIF and JPEG but may lack support
9.
© 2010 Ken
Baldauf, All rights reserved. GIF Dithering
10.
© 2010 Ken
Baldauf, All rights reserved.
11.
© 2010 Ken
Baldauf, All rights reserved. Advantages of GIF files •gif is the most widely supported graphics format on the web •gifs of diagrammatic images look better than jpegs •gif supports transparency and interlacing Advantages of JPEG images •jpeg achieves huge compression ratios, which mean faster downloads •jpeg produces excellent results for most photographs and complex images •jpeg supports full-color (24-bit, true-color) images
12.
© 2010 Ken
Baldauf, All rights reserved. Display vs. Print Four-color printed images are separated into four subtractive printing colors (cyan, magenta, yellow, and black).
13.
© 2010 Ken
Baldauf, All rights reserved. Display vs. Print
14.
© 2010 Ken
Baldauf, All rights reserved. Coding graphics Include height and width specs for faster loading pages Include “alt” as a fall back <img src="up.gif" height="10" width="10" alt="Go to top of page">
15.
© 2010 Ken
Baldauf, All rights reserved. Color Combos http://www.colorsontheweb.com/colorcontrast.asp
16.
© 2010 Ken
Baldauf, All rights reserved. Harmonious Combos
Télécharger maintenant