Output for Print and Web Flashcards

A designer is preparing an image for a high-quality print brochure. The original image is in the Adobe RGB (1998) color space. To get the most accurate on-screen preview of how the colors will appear when printed on a specific commercial press, which Photoshop feature should be used?

Answer: Using 'View > Proof Setup' to select the printer's specific CMYK profile.

Soft proofing ('View > Proof Setup') allows a user to simulate on-screen how an image's colors will look when reproduced on a specific output device, such as a particular printer with a specific paper type. By selecting the printer's unique CMYK ICC profile, Photoshop provides the most accurate preview of the final printed colors without actually converting the image's color mode.

You are creating a series of web banner graphics from a single PSD file. Each banner requires multiple sizes and file formats (JPG at 80% quality, PNG-24). Which of the following is the MOST efficient, automated workflow for exporting these assets in real-time as you edit?

Answer: Enabling 'File > Generate > Image Assets' and naming layers or layer groups with the desired file extensions and parameters.

The Adobe Generator feature ('File > Generate > Image Assets') is designed for this exact purpose. By naming layers or layer groups with specific syntax (e.g., 'banner-ad.jpg80%', 'logo.png'), Photoshop automatically saves those assets to a folder in real-time whenever the document is saved. This is far more efficient and automated than manually slicing or exporting each asset.

When preparing an image for print, you enable the Gamut Warning ('View > Gamut Warning'). Several areas of the image turn gray. What does this indicate?

Answer: The colors in the gray areas are outside the reproducible range of the destination CMYK color space.

The Gamut Warning feature highlights colors in your image that are 'out-of-gamut,' meaning they fall outside the range of colors that can be accurately reproduced by the selected proofing profile (typically a CMYK profile for print). These colors will be shifted to the nearest printable color, which can lead to a loss of saturation or detail.

A client provides a logo that needs to be used on their website. To ensure the logo looks sharp and has a transparent background, which file format is most appropriate when exporting from Photoshop?

Answer: PNG

PNG (Portable Network Graphics) is the ideal format for web graphics like logos because it uses lossless compression, which preserves sharp details and text, and it supports full alpha channel transparency. JPEGs do not support transparency and use lossy compression, which can create artifacts around sharp edges. GIFs support only basic transparency and a limited color palette.

When choosing a color space for images intended exclusively for web display, which of the following is the universally accepted standard to ensure consistent color across most browsers and devices?

Answer: sRGB

sRGB is the standard color space for the web. Most web browsers and non-professional displays are designed to interpret images in this color space. Using a wider gamut profile like Adobe RGB or ProPhoto RGB can result in dull, washed-out colors when viewed on a non-color-managed browser or standard monitor.

What is the primary technical difference between the 'Export As' command and the older 'Save for Web (Legacy)' command in Photoshop?

Answer: 'Export As' is built on newer code, handles artboards more effectively, and is designed for modern web workflows like exporting at multiple resolutions (e.g., 2x, 3x).

'Export As' is Adobe's modernized export engine, designed to replace the older 'Save for Web' functionality. Its key advantages include being built on newer, more efficient code, better handling of artboards, and native support for exporting assets at multiple scale factors for high-resolution displays, which is a critical part of modern web design.