Print size and image resolution. What resolution should be set for the photo

Many of us love to take pictures. The variety and availability of digital cameras make photography a popular pleasure to capture the bright, colorful moments of our lives. At the same time, the high quality of the resulting photographs does not guarantee the same quality when printing digital images on standard roll photo paper. In this material, I will tell you what sizes of photographs are for printing, give tables of available formats, and also give a number of examples that allow you to clearly understand the features of different photo sizes.

To understand what are the sizes of photographs for printing and what their specifics, we need, first of all, to understand the basic concepts necessary to understand the process of digital printing.

Linear photo size– photo dimensions in millimeters (width-height).

Photo parameters in pixels- the dimensions of your photo, expressed in the number of pixels (width-height).

Pixel- the smallest element of the image, usually a point of a rectangular or round shape, and a certain color. An image is made up of hundreds and thousands of such pixels, which are counted both horizontally (width) and vertically (height). For example, an image size of 1181x1772 (usually corresponding to the standard photo size of 10x15) is 1181 pixels wide by 1772 pixels high.

Moreover, the more such dots-pixels in your image, the usually it is of better quality, with better detail and drawing of objects.

Side proportions- the ratio of the dimensions of the sides of the photo (for example, 1:1, 2:3, 3:4, and so on). The parameter shows how much one side is shorter or longer than the other.

Bitmap (bitmap)- an image consisting of such pixels.

DPI- (abbreviation for "dots per inch" - dots per inch) - a parameter used to characterize the resolution of printing photos, that is, the number of dots per inch (an inch is 2.54 cm). The basic print standard is 150 dpi, the optimal one is 300 dpi. Accordingly, the higher the DPI, the higher the print quality of the existing digital photo.

Standard (format) photo- this is a template aspect ratio of a photograph, which is important to adhere to in order to obtain the final image on paper.

Why is it important to consider standard photo sizes?

In the vast majority of cases, the digital images you receive will be printed on photo paper that has standard sizes. If the proportions of digital images and the selected photo paper sizes do not match, the photos may come out stretched, not clear, lose image quality, or have other undesirable consequences for you.

Therefore, it is important to compare standard photo print sizes with the pixel dimensions of your digital photos in order to select the optimal print format.

Popular photo sizes for printing with a table of formats

The generally accepted standard for a photo is 10 by 15 cm. At the same time, the size of a proportional digital photo is usually slightly larger (for example, 10.2 by 15.2 cm), and the size in pixels of this photo will be 1205 by 1795 pixels.

Other formats are shown in the table below:

If you plan to work with large format printing, then it has fairly broad requirements for a digital image:

If you know the dpi parameter and the number of pixels of your photo, then using the formula below, you can calculate the required dimensions of the sides of your photo:

In this formula:

x - the size of one side of the photo we need in centimeters;
r – resolution of the photo side in pixels;
d - 2.54 cm (standard inch value);
dpi - usually 300 (less often - 150).
For example, let the image width be 1772 pixels and dpi=300.
Then 1772*2.54/300=15.00 cm across the print width.

Popular photo formats

In addition to the classic size 10 by 15 (A6 format) that I already mentioned, there are other popular photo sizes for printing. Among them, I would highlight the following:

Conclusion

This article provided standard photo sizes for printing, popular photo formats, as well as a convenient formula for calculating the optimal size of the sides of a photo. I recommend sticking to the formats I have given, this guarantees the quality of printed photos, and hence the visual pleasure of viewing them.

A photograph is one moment of life that remains in memory for many years. No matter what happens, but when you take a photograph in your hand, time seems to return back. Yes, you can’t return the past, but no one forbids remembering!

No one can imagine their life without pictures. Every important event should be captured on photo paper. Even those who don't like taking photos for their own use can't refuse them on documents. Sooner or later, everyone goes to a photo studio in order to take a passport photo or make a portfolio.

What are the sizes of photos for printing?

Due to different purposes, there are several image sizes, each of which performs a separate function. What are the sizes of photos for printing? Since the popularity of such a procedure is growing, accordingly, there are a lot of formats. We are talking about small sizes - this is a 3 by 4 passport photo or a regular photo album 10 by 15 or 13 by 18.

Photography is not a vital thing. You can live without pictures, because all memories are stored in memory. But, thanks to advanced technologies, we still have the opportunity to look at the captured moments and remember the moments. It's amazing that ideas like this pop up in our heads.

To prolong the happy moment, they take a snapshot, whether it is a wedding or the birth of a child - everything is captured. After that, you just need to print the received photos and put them in your album. More recently, people used film, and now digital technology has forced it out of the market. A big plus of progress is that the resulting image is visible immediately, that is, there is no need to wait and think about how the photo turned out.

Photos for documents

The most common type of photo is a passport photo, which has several requirements that must be met. One of the main ones is a 3 by 4 photograph. The size must comply with the regulations, otherwise the documents will not be accepted for consideration.

When submitting a package of documents, state authorities require two photographs. Such a photo is taken within a few minutes and is completely ready for further use. In addition to the passport, they are often photographed for student documents or a driver's license. A 3 x 4 photo is printed, the size of which is identical to the passport version. Although it should be borne in mind that sometimes a 3.5 by 4.5 photograph is accepted for a passport.

The photo salon knows all the standards, so do not worry. It is enough just to tell which document you need to take a photo. After all, photographers know what sizes photos are for printing. Professionals in their field have a full hand, every day dozens of people pass through them.

amateur photos

Among the common species, there is also an amateur photo. These are simple photographs that depict both people and nature. The most popular format is a 10 x 15 photograph. A standard size in which the outlines of a person or object are clearly visible. Ideal for photo album decoration.

These are not all formats. But the question arises, what are the sizes of photographs for printing. There are quite a lot of them, for example, you can highlight a picture of A4 landscape format, and speaking the language of a photographer, then 21 by 30 centimeters. This size is used for large pictures, usually for the purpose of creating a portfolio, since all the features of a person are clearly visible on it. The 13 x 18 photo is also in demand - this is a slightly smaller format. Usually used to decorate a portrait.

How do pixels affect photo quality?

Pixels are the smallest unit of size, in other words, the number of dots in an image. When there are few such points, the image is blurry, with fuzzy contours. A large number of pixels makes the photo bright and clear, it can be enlarged to almost any size, for example, to make a 21 by 30 format.

The quality of the photo and its size depend on the maximum resolution. Today, there are almost no devices left that take low-quality pictures. Since even the most ordinary phones have a camera with two pixels in their arsenal.

This indicator determines in what format the photo can be printed in the future. Although such a standard size as 10 by 15, in any case, it turns out. The fewer pixels, the worse the quality of the photo. If the most ordinary photo can be easily arranged in a size of 10 by 15, then, for example, it will not be possible to enlarge it, since the picture will not be clear.

If you want to take a high-quality professional photo, you need to contact a photo studio. The photographer, like no one else, knows how to properly direct the light, will help you choose a beautiful pose. A professional will adjust the photo to the required format and print it on photo paper.

How to print a photo of the required size?

There are also two options for printing a photo. Although now this service is in less demand, as many people are just on the computer. But, you can see that these are completely different feelings. After all, when you hold a photograph in your hand, as if you are getting closer to the displayed moment.

In order to hold a photo in your hand, you need to print it, and you can do this in two ways: at home or in the salon. At home, most often they print photos of a standard size of 10 by 15. But a photo of a larger format cannot always be made of high quality, because it depends on the size of the photo paper and on the capabilities of the printer.

Why so many photo sizes?

The fact is that in life there are different events that I would like to remember for a long time. The most common image format cannot convey the whole atmosphere. When you take a larger photo, for example, in a 21x30 format, you immediately become a participant in those happy moments.

Time runs restlessly forward, and thanks to the photo, a person remains unchanged. So you can experiment and arrange a picture in different formats, then see which photo will most harmoniously fit into an album or apartment interior.

Digital images have their own dimensions and weight. For example, a standard good quality JPEG photo can weigh 5 MB megabytes and have dimensions of 4200x2800 px pixels wide and high. The standard resolution of the monitor is also considered in pixels. The most popular sizes are 1024x768, 1152x864, 1280x960.

Now, if we compare the monitor resolution of 1024x768 and the image size of 4200x2800, it becomes obvious that it is more than 2 times wider than the monitor itself, which means that the browser (Opera, Mozilla, etc.) will compress the image to the size it needs, or sliders will appear, and you have to scroll it. Depends on site settings. In addition, only the visible dimensions of the image will change.
Of course, we can cram such dimensions into our site, but such photos take up a lot of space on the host. weigh a lot. In addition, browsers and visitors' computers slow down. All this goodness takes an extremely long time to open, which scares away a large part of the visitors. For example, I close long-loaded sites and google further.

How to find out the optimal image size for a particular article?

In principle, it is possible by eye, if the monitor size is 1024x768, then we take the approximate dimensions of the browser field and subtract from the monitor size. We also subtract the site margins, then we get approximately 900x700 + - px, that is, the photo can be safely reduced to such sizes. In general, 600x400 is the most it.

If you want to place a picture in a certain place on the site, in a certain size, then you can take a special. a tool for web designers - a ruler (for example mySize ) and measure the place where you want to insert the image directly in the browser. This is necessary in order to see the proportions, and if you need to crop the photo so that it is not flattened.

You can change the size and weight of the photo in Photoshop.

We change the size in this way. Image(Image) - Image Size - In the fields width and height put the desired values ​​in pixels, and in the field below constrain proportions put a tick. Screen below.

By changing the weight, we change the quality of the image . For example, with 5mb you can safely lower the quality to 50-200 sq, and it will not be noticeable on the monitor. In some pictures and at 15kv, deterioration is not particularly noticeable. But they take ten times less space. On the left, the picture is compressed - 500x630 26.7 kb, on the right - no - 1269x1600 1.35 Mb. It came out 6 times less. If you do not find fault, then it is not noticeable.

How to change the weight of a photo or picture? Everything is simple. Change the weight in Photoshop in several ways. one) Just resize image- image size and if not reduced enough, 2) File - Save for web & devices . A window will appear with the settings of the parameters, in the upper right there will be a slider Quality (quality), in the lower left is the weight of the picture. Quality set Low - low , watch how much the weight decreases and move the slider to the desired value. Screen below.

Or maybe this way. File - save as - a list of formats will appear, select for example Jpeg next click "save" the JPEG options window will appear. There in the image option window there will be a slider, moving it you will see numbers on the right - how much it weighs.

Another way to compress a picture of various formats is through special sites, web services, for example tinypng . com

14.06.2016

Almost everyone takes photos now, and everyone is familiar with the term “resolution”. But not everyone knows exactly what this word means. Resolution refers to the number of dots per inch.

The dots that make up photos are called pixels. The law here is very simple: the greater the number of these same pixels in one inch, the higher the image quality.

Resolution allows you to judge the quality of the process of creating an image and the detail of the picture. In modern photography, this term is directly related to the digital format of photographs. But it can also be found where it is, for example, photographic paper or film.

What does "high resolution" mean?

If we talk about high resolution, then we mean a high degree of detail. Any professional photographer knows very well that resolution, that is, the number of dots per 25.4 mm (which is equal to 1 inch), is denoted by such an abbreviation as "DPI" (see the article about).

If the image resolution is 300 DPI, then we can say with confidence that these photos are of good quality. Based on their experience, photographers say that the resolution allowed for printing images must be at least 150 DPI.

When printing photos, the most common formats are 9 by 13, 10 by 15, 13 by 18 cm, etc. For each of all these formats, there are specific linear dimensions in millimeters. If we take the format into account, then it is easy to calculate the optimal image dimensions in pixels in order to eventually get an extension of 300 or more DPI.

If we take a photograph 9 by 13 cm, then its linear dimensions will be: 89 by 127 mm. We multiply the height in millimeters by the resolution we need and divide by 25.4 mm (see above). We get: (89 * 300) / 25.4 = 1027 - this is the number of pixels in height we need to have in the original image (photo). We do the same with the calculation of the width (127 * 300 / 25.4 = 1500).

Based on this, we understand that when printing a photo of a 9 by 13 picture, which is larger in pixels than 1027 by 1500, we will receive a photo with a high resolution (above 300 DPI).

But, as practice shows, often images with an extension of 150 DPI look no worse than the same photo, but with a higher level of extension - 300 DPI and higher. Here, much depends on the distance from which this image will be viewed and what exactly is depicted on it.

Interesting publications on the site

Click on the picture to watch the video.

You will learn:

• What is image resolution and what are the file formats.
• How to change the size and resolution in the Image Size window.
• What are the interpolation algorithms.
• How to prepare an image for posting on the Internet using
• the Save for Web window.
• How to get minimum file weight when saving as JPG and GIF.
• How to save as PNG, PNG-24, TIFF, PDF and PSD.

The lesson consists of the following sections:

1. Instructional video.
2. How does Resolution (Resolution) affect the quality of the image.

4. Increase in size without loss of quality.
5. Plugins for resizing images.
6. Prepare the image for posting on the Internet.
7. Save for Web.
8. Saving in JPG format.
9. Save as GIF.
10. Saving in PNG format.

12. Save to PDF format.
13. Save to PSD format.
14. Questions.
15. Homework.

How Resolution affects image quality

We have already mastered the basics of the program, made our own works and now we want to show them to others. This section will discuss how to do it right. The quality of a photograph depends on many factors. One of the most important is resolution.

Resolution is the number of pixels that make up a bitmap. Many of you have come across a situation where the resolution was deliberately reduced in the camera (more photos will fit into the memory card, and they look good on a small display). Remember the first cameras in mobile phones with a resolution of 0.3 MP. And then, transferring the photos
into a computer on a large monitor, were disappointed with the quality, which was irretrievably lost at the time of shooting. When you increase those photos in a graphic editor, the result becomes even worse. Slanted lines become jagged and the photo appears blurry. Pixels determine how sharp an image appears to us, and their number is responsible for the maximum print size without quality loss.

At the bottom left of the program window is the Status Bar.

Here you can change the display scale. Next to the scale column is information about the document. By clicking on the arrow, you will be taken to an additional menu. Choose the commands that you think are necessary for you to provide information.

This field is convenient, but does not allow us to resize according to our requests.

To change the resolution or size select from the menu Image(Image) -Imagesize(image size). Or clickalt + ctrl + I.

From the opening menus of fields Width (Width) and Height (Height), located in group Document Size (Document size), select units of measure. Percentages, inches, cm, mm, points, pc, columns.

dpi - dots per inch (dots per inch) - Units for printing resolution.

ppi - pixels per inch (pixels per inch) - Resolution units for computer monitors.

Resolution(Resolution) is the number of pixels in 1 inch or centimeter. What resolution to choose?

72 ppi is enough to display photos on the monitor screen. For Web-graphics, this is also enough. When you zoom in on such images, you will not be able to see fine details, because they are not there.

300 ppi - preferably set for photos that you want to put up for sale or print on a printer. Although for printing, the average is 267 ppi. For high-resolution images, when you zoom in, you can see fine details.

Choose pixels / inch (pixels per inch) as units, not pixels /cm. We, who are not accustomed to measure in inches, need to be especially careful not to choose pixels / cm just because centimeters are more to our liking. A difference of 2.54 times will immediately affect your resolution. The files will become gigantic. So when working with this window and when creating a new document, make sure that pixels per inch are selected.

Scalestyles(Scale Styles)- allows you to scale the styles specified in the palette Layers (Layers) along with the selected layer.

ConstrainProportions(Keep aspect ratio)- bind height and width, so that when one parameter changes, the other also changes. The most common mistake for beginners is the lack of this checkbox. As a result, the image is flattened or stretched.

Resample Image (Interpolation / Track changes). When this checkbox is checked, changing the image resolution (number of pixels per inch) will resize the image while maintaining the original resolution. If you clear the checkbox, then increasing the image resolution (for example, from 72 to 300) will reduce the geometric dimensions of the image when printed. Be careful not to end up with a postage stamp-sized print.

Interpolation algorithms can be selected from the drop-down list. Depending on this choice, the result is different. It's worth spending a little time to test them in action.

When the resolution is reduced, there are usually no problems, because the graphic information is simply discarded. But to increase the image, the program has to generate new pixels based on the analysis of their neighbors. When adding new pixels, the program does not always give a result that would satisfy us.

Resampling always comes with a loss in quality. Except for pixel-reducing interpolation to eliminate scanning defects and excessive graininess in the image. When scanning, select a resolution much larger than you need. Perform resampling with reduction in several stages. Grain and other artifacts will be eliminated.

Nearest Neighbor (By neighboring pixels). Maintains sharp edges. The simplest algorithm
as a result of which the edges have characteristic jagged edges.

Bilinear (Bilinear). The average value is calculated based on the analysis of neighboring pixels horizontally and vertically.

Bicubic (Bicubic). Best for smooth gradients. The average value is calculated based on the analysis of neighboring pixels, not only horizontally and vertically, but also diagonally. This interpolation method works with a large number of adjacent pixels, makes serious calculations of the values ​​of these elements, and creates new pixels that should be in this place. With small magnifications of the photo, this method is quite suitable.

Starting with CS and above, two new interpolation algorithms have appeared. I advise you to use them:

Bicubic Smoother (Bicubic smoother) Best for enlargement.

Bicubic Sharper (Bicubic sharper). Best for reduction. If you're downsizing your shots the most, set this algorithm as the default. To do this, select it in Edit (Editing) - Preferences (Settings) - General (Basic). The changes will take effect after restarting Photoshop.

Upscaling without loss of quality

I found on the Internet an easy way to increase the size of an image with a slight loss in quality and decided to check it out. I took a small picture of 5 by 5 cm and increased it by 2 times using Bicubic Smoother interpolation (Bicubic smoother). To the right of the Width (width) and Height (Height) fields, select the% (percentage) element. Enter 110 in these fields to increase the size of the image by 10%.

Increasing the size of an image by 10% does not degrade its quality! To enlarge a small image many times over, you need to increase its size by 10% several times (8 times I had to run this command).

Then I decided to record an Action to gradually increase the image, in the hope that the quality will be better and I will be able to use this formula at the next increase.

By the way, this is very easy to do: open the Action palette (Operations / Scenarios). It's next to the History palette. Click the Create New Operation button. A window will appear in which you need to enter the name of the operation (for example, increase by 2p by 10). The circle at the bottom of the palette will turn red, which means the recording has begun. Change Image Size (Image size), as described below 8 times, and click on the leftmost box "Stop". Everything! Now, to perform this operation, it is enough to mark it with the cursor and press the Play button. You will find detailed information about Action (Operations) in the lesson on automation.

The results of the experiment are presented below. Do you see the difference? Me not. But maybe my eyesight is failing me. It seems to me that both results have become noticeably worse compared to the small source.

So is the game worth the candle if the difference is barely perceptible? And did people come up with this algorithm in vain? No, not in vain. There is indeed a difference, but it is noticeable only at very high magnification (300% and above). The blurring of the image after the Resample Image (Interpolation) will be visible only when printing the image, on the screen it

When using the transformation tools (Ctrl+T), the size of the image also changes. Moreover, this happens so quickly that we do not even have time to think about how much the quality will suffer. Interpolation algorithms mercilessly eat pixels when they are reduced and draw new ones when they are enlarged.

Plugins for resizing images.

Photoshop has a lot of tools for resizing an image. However, other manufacturers should also be noted.

1. Alien Skin - BlowUp v1.0 plug-in for Adobe Photoshop. Better than bicubic interpolation. The plug-in maintains smooth sharp edges and lines when resizing an image, and creates four times (1600%) magnifications without the appearance of stepped artifacts and glows. In some cases, Blow Up allows you to enlarge the image by six times without visible artifacts.
2. SizeFixer SLR - Allows you to enlarge the image up to A1 format
3. Size Fixer XL . - Limitless magnification.
4. PXL SMARTSCALE - Zooms in up to 1600% with no loss in print quality.

If you set yourself a task, you can find other worthy representatives. I will not advise anything. Personally, I find it convenient to use one Photoshop program. But time goes fast, maybe when you read this text there will be a new super plugin or software that I don't know about yet. Well, we will continue to change the sizes and resolutions using Photoshop.

We will prepare the image for posting on the Internet.

The usual Save (Save) Ctrl + S and Save as ... (Save as ...) Shift + Ctrl + S do not allow you to control the result, and the file size is large.

Despite the fact that the save window has a slider that controls the compression quality, the file size is still larger at maximum quality than when another command is selected. Save for Web.

Select from the menu file(File) – Saveforweb(Save forweb). The key combination Alt + Shift + Ctrl + S. In this window, we can observe how the quality changes when the image is compressed. As well as control the size of the file and the speed of its download. It is most convenient to work with tab 2 - Up (2 options), because you can compare how much the quality will suffer for the sake of small weight (it is important that the pictures on the site load quickly). Below the image are comments: compression format, file size after optimization and download time.

The right side of the window contains all the main optimization settings.

There are five save formats for the Web: GIF, JPG, PNG-8, PNG-24, and WBMP. The latter is practically not used.

IN JPG It is best to store bulky site background files and photos for publications, in GIF, PNG-8 and PNG-24 - design elements that have a small amount and a limited number of colors. Unfortunately, PNG-24 is not supported by Internet Explorer 6, but the number of IE6 users is rapidly decreasing and therefore the risk that PNG-24 format won't open on someone's computer is reduced.

GIF and PNG-8 files retain transparency (but not the alpha channel). To preserve transparency, check the Transparency checkbox. WBMP is a bitmap format for mobile phones.

After you click "Save" and enter a file name, this window will appear. It is only needed to remind you that writing the file name when saving is better in English letters, without spaces and capital letters. If you do not want to see him in the future, check the box " Don't show again."

Save in JPG format.

JPG – the most common format for storing photos. The advantage is the relatively small file size. The main disadvantage is lossy compression. Small details are lost, stains and moiré appear. Repeated rewriting results in a gradual distortion of detail, resulting in a significant loss of quality.

The settings for the JPG format consist mainly of setting the image quality (aka compression) as a percentage. To save a large piece of the background, you can increase the blur.

To control the size of the image in Save for Web (Save for Web) there is a section called Image Size (Image size). The size of your image should not exceed 800 by 600 pixels. Or an impatient user will close the browser window without waiting for the image to fully load.

Open the boat.jpg file. Select the Save for Web command from the File menu. Select 2-Up mode (Two options). In the Image Size section, reduce the image size to 450*600. You can do this in advance by selecting the menu Image (Image) – Image Size (Image size), or by pressing Alt + Ctrl + I.

In the right part of the window, select the JPEG save format from the list.

List Compression quality offers several values ​​- from Low (Low) to Maximum (Best). More precise adjustment is carried out by the slider Quality (Quality), located to the right. First, set it to 100%. With such a high value, the image
on the right side of the viewport (optimized) is almost identical to the original
on the left side. Take a look at the information fields in the respective parts of the viewport. The original (uncompressed image) is 625 KB, while the compressed image is 139.5 KB. Even with this low compression ratio, there is a significant gain in file size. Compressed image load time of 26 seconds is too long, many can lose patience and leave
from your page.

Set the slider Quality (Quality) in the middle, about 50%. Can you see the difference between the two images? Not? Then you can reduce the Quality a little more. Let's stop at 35%. Below 30, deterioration will already be noticeable. The weight became 23 kb, and the speed was 5 sec. Sometimes the Blur option can save you another second or two. But in our case, it will not give a noticeable result, because. we have already compressed the image quite strongly.

Progressive (Progressive) sets the progressive scan of the image when loaded in the browser. This option allows you to progressively load the image. From the very beginning of the download, you will see part of the image.

Optimized (Optimization / Optimized) includes additional optimization of the internal structure of JPEG, which sometimes further reduces the file size.

ICC Profile (Embedded Profile/ICC Profile) allows you to embed a color profile in an image file. An embedded profile increases the file size. Check this box only if you think it's necessary for others to know what color profile you have.

Click on the view button and you will see how your image will open in the browser. You can choose to view any of the browsers installed on your computer.

Save your settings if you need to process a lot of images. To do this, click on the priming menu icon and select Save Settings. Enter a name in the File name field and click the Save button.

The name you entered will now appear in the Settings list. When processing the next file, it will be enough to select this name from the list.

Save as GIF

To place images with transparent areas on a Web page, use the format gif A that only supports indexed colors.

The number of colors in its palette is set in the field colors and should create a relationship between quality and weight.

In the list of algorithms for generating an indexed image palette, by default, the option Selective, which produces the best results for images.

Next dropdown default option Diffusion (Diffusion / Random) better use for photos, a Noise– for background textures and gradients. Pattern (Regular / Pattern) creates a repeating pattern.

Interlaced– to gradually load the image.

The degree of smoothing is set by the slider Dither (Dithering / Smoothing). The higher the anti-aliasing, the larger the file size.

List Matte (Matte/Border) creates a transition from the edge of the image to the background color of the page. Usually the edge is translucent, which is not supported by the GIF format.
As a result, there is a characteristic noise during export. To avoid it, set the background color of the Web page in the list. Translucent pixels will be filled with this color. If you uncheck Transparency (Transparency), the color specified in the list Matte (Matte / Border) will be considered background and will fill the transparent areas of the image.

The translation of colors to the Web palette is carried out by the slider Web Snap (Web colors). Watch the colors of the image change depending on the position of the slider. Changes that occur are displayed in the image palette. White diamonds appear on some colors of the palette.

Color Table useful not only for observation. It allows you to control the individual colors of an image.

Clicking on the icon will open an additional list.

If you want to avoid significant color shifts in all browsers, but don't want to cast all colors to the Web palette, then you can do it selectively. Set the sort mode to Sort by Popularity. The most common colors are listed from left to right.

Click on any swatch in the palette. The swatch will get a white border to show it is selected. Photoshop can choose the closest color to the selection from the Web palette. To do this, click on the cube icon at the bottom of the panel or select the command Shift / Unshift Selected Colors to / from Web Palette (Replace / Cancel the replacement of selected colors with the colors of the Web palette).

Bringing the whole image to the Web palette made the transitions on the monitor image too sharp. Let's fix this defect manually. Double-click on the sample in the palette. The Color Picker window will appear in front of you. Make sure the Only Web Colors box is checked. Select the shade closest to the current color and close the window by pressing the OK (Yes) button. The color will be edited. If you find that too unsuccessful, open the Color Picker window again and pick another one.

A white square in the bottom corner of the swatch indicates that the color is blocked. Blocked colors remain intact when reducing colors in the image palette and when viewed in a browser. To unlock, click on the padlock icon
at the bottom of the panel.

Save in PNG format.

PNG allows you to store both indexed and full color images. The compression algorithm used does not lead to information loss. Multiple processing and rewriting is devoid of the disadvantages inherent in the JPG format. PNG-8 for indexed images and PNG-24 for full color. PNG-8 parameters are absolutely similar to GIF, in PNG-24 there is only switching of modes Transparency (Transparency), Interlaced (Interlaced)
and parameters Matting (Matt / Edge Processing).

To save, use the Menu File (File) - Save as ... (Save as ...). In the file type field, select TIFF.

TIFF supports lossless compression at the cost of large increases in file sizes compared to JPG. This format is considered the best for saving scans, sending faxes, OCR, and in printing for printing. It is possible to save the image with different compression algorithms and no compression at all.

TIFF preserves transparency and alpha channels. In Photoshop, you can save a file containing layers.

TIFF stores ICC profile information. This makes it possible to keep colors unchanged when viewed on different monitors and when printed.

TIFF is widely used on both the IBM PC and Apple. This allows it to be used to transfer images from one hardware platform to another without losing content. Also, this format can be used to transfer data between different applications that "do not understand" each other's formats, but "know" TIFF. With such a transfer, many image attributes that are lost, for example, when transferring data through the Windows clipboard, will be preserved.

Save to PDF

PDF is a format for presenting electronic documents (paperless office). The main advantage is that documents look the same on any device (screens, printers). Design elements do not move in different directions.

To save, use the Menu File (File) - Save as ... (Save as ...). In the file type field, select PDF.

In the Protection System section, you can set a password to open a file, print, save, and edit.

Save to PSD format

PSD is PHOTOSHOP's own format. It can save layers, masks, clipping masks, paths, text and other moments of unfinished work.

Questions:

1. Which file format does not support lossless compression?

1. What is the best interpolation algorithm for upscaling an image?

– Nearest Neighbor

– Bilinear (Bilinear)

– Bicubic (Bicubic)

– Bicubic Smoother (Bicubic smoother)

– Bicubic Sharper (Bicubic sharper)

1. What resolution should be set to save images for the web?

1. What needs to be done in the Image Size window so that the image is resized while maintaining the original resolution?

- Set the Scale Styles checkbox.

- Check the Constrain Proportions checkbox.

- Set the checkbox Resample Image (Interpolation / Track changes).

- Uncheck Resample Image (Interpolation / Track changes).

- Uncheck the Scale Styles checkbox.

1. Can I resize an image in the Save for Web window?

1. Which file format cannot be selected in the Save for Web window?

Homework:

1. Open the photo boat.jpg. Save as JPG using Save for Web. Achieve the following indicators: image size 600 * 800 pixels; 39.49 k;

8sec / 56.6kbps

2. Open the photo boat.jpg. Save as GIF using Save for Web. I managed to compress it to 75 kb and achieve a download speed of 14 seconds at 56 kbps. Try to get the best result.

You have to change colors.