There are key differences in creating images for the web versus print. Images for the web are typically lower resolution at 72dpi, compressed for faster loading, and not suitable for resizing or printing. It is important for designers to understand how to optimize graphics for web and mobile devices by using the proper resolution, compression, and rendering custom fonts as images to ensure consistency across browsers.

1. Digital Imaging
Unit 11: Creating Images for the Web
Module 1: Understanding Web Graphics
Creating Images for the Web and mobile devices
There is a difference in creating
images for the web vs. creating
images for print.
As a designer it is essential to
understand how to create
graphics for web and mobile
devices.

2. Digital Imaging
Unit 11: Creating Images for the Web
Module 1: Understanding Web Graphics
Creating Images for the Web
Web images are typically 72dpi and not suitable for resizing or
printing.

3. Digital Imaging
Unit 11: Creating Images for the Web
Module 1: Understanding Web Graphics
Creating Images for the Web
Web images are compressed for
faster loading.
Images that have been
compressed, should not be
scaled up since the compression
process, which is necessary for
fast loading, degrades both color
and detail.

4. Digital Imaging
Unit 11: Creating Images for the Web
Module 1: Understanding Web Graphics
Creating Images for the Web
Not all computers or mobile
devices will have all the fonts
available for use in a design. The
only way to make custom fonts
appear consistent across web
browsers is to render them as
images.