things to remember when working with digital images
TRANSCRIPT
![Page 1: Things to Remember When working with digital images](https://reader036.vdocuments.us/reader036/viewer/2022072005/56649f425503460f94c6123e/html5/thumbnails/1.jpg)
Things to RememberWhen working with digital images
![Page 2: Things to Remember When working with digital images](https://reader036.vdocuments.us/reader036/viewer/2022072005/56649f425503460f94c6123e/html5/thumbnails/2.jpg)
What’s your output device?
We prepare images based on our intended use
Output device
• Images for PRINT• Should have a higher resolution• Usually in CMYK color mode
• Images for DIGITAL DISPLAY• Usually have a lower resolution• Use RGB color mode
![Page 3: Things to Remember When working with digital images](https://reader036.vdocuments.us/reader036/viewer/2022072005/56649f425503460f94c6123e/html5/thumbnails/3.jpg)
Points to Remember
• Create Archival Master
• Scanned at highest level possible - appropriate for your environment
• Save in uncompressed file format (psd, tiff, eps)
• Create all derivative files from the archival master
• Back-up Archival Master
![Page 4: Things to Remember When working with digital images](https://reader036.vdocuments.us/reader036/viewer/2022072005/56649f425503460f94c6123e/html5/thumbnails/4.jpg)
Points to Remember
• Image for the web• Must be compressed, optimized and
saved in a file format readable by browsers (JPEG, GIF, PNG)
• Compression?• The process of reducing the amount of information needed to
display an image file. Compression shrinks the file size which results in faster download times.• Lossless Compression method• Lossy Compression method
![Page 5: Things to Remember When working with digital images](https://reader036.vdocuments.us/reader036/viewer/2022072005/56649f425503460f94c6123e/html5/thumbnails/5.jpg)
Points to Remember
• Optimize?
• The process of selecting the correct file format, resolution, quality settings for an image so that it is efficient and usable on the web.
• The ultimate goal is to find a balance between file size and image quality.
![Page 6: Things to Remember When working with digital images](https://reader036.vdocuments.us/reader036/viewer/2022072005/56649f425503460f94c6123e/html5/thumbnails/6.jpg)
Graphic File Formats
Common Web File Formats• GIF
Ideal for images with flat areas of color such as logos, illustrations and cartoons. Supports transparency and animation. Uses lossless compression to reduce the file size.
• JPEGIdeal format for photographs or graphics with subtle gradients. This format supports millions of colors and uses lossy compression to reduce the file size.
• PNGPNG-8 similar to GIF and PNG-24 similar to JPEG format. Supports
![Page 7: Things to Remember When working with digital images](https://reader036.vdocuments.us/reader036/viewer/2022072005/56649f425503460f94c6123e/html5/thumbnails/7.jpg)
Resolution…
• Images for digital display typically have a lower resolution (72 ppi)
• Image pixels map one-to-one with the display resolution of a monitor
• Monitor resolution varies by platform and user configuration
• Monitor resolutions• http://www.thecounter.com/stats/2006/Septemb
er/res.php
![Page 8: Things to Remember When working with digital images](https://reader036.vdocuments.us/reader036/viewer/2022072005/56649f425503460f94c6123e/html5/thumbnails/8.jpg)
Resolution…
• High resolution graphics – not needed online. They just appear larger on screen and take up more file size and bandwidth.