We save the image in JPEG format flexibly. Saving images in Photoshop Need to save in Photoshop
In the digital world there are many tools that make our lives easier. Over the past 10 years, since the beginning of the use of digital cameras, the question of image processing using a computer has arisen. And the main basics are saving images and processing them. All these image processing is done in the popular Photoshop program. For many it will seem complicated and incomprehensible, but we have made this process as simple and understandable as possible.
How to save a photo in Photoshop?
In this instruction we will look at three options for saving images using Photoshop:
1.
Normal saving in png, jpg, etc. format.
2.
Saving in PSD format (the format for saving the project, with which we can continue to work in the future).
3.
Save for web devices (a method that allows you to reduce the image size).
I’ll tell you a little about the options for saving images important information, which will be useful to you in the future:
The difference between png and jpg is that png allows you to save images from transparent background. Jpg format preserves transparent background areas in white. Example. If you want to save an image without a background, the Jpg format will not work.
PSD is a format in which we can work with layers, texts, etc. If you work with projects (PSD) you can always save the image in any format.
Saving images for Web devices requires careful consideration. Any reduction in quality is shown in the image. Unless necessary, I advise you not to use this saving option.
Let's get started with saving images.
1
. Open Photoshop program.
2.
Click File -> Open. Select the image we need on your computer and click Open.
Option 1. Normal saving in jpg, png, etc. format.
1. Click File -> Save As.. (Save As). We select the place where we want to save the image, write the name, and select the format from the drop-down list (JPEG - the most convenient or another one you need). Click Save.
2. Select the quality using the slider; the higher the quality, the larger the size. And click “OK”.
Option 2. Save the project in PSD format.
Now, at any time convenient for us, we can continue working with our project.
Option 3.Save for Web devices.
1. Click File -> Save for Web & Devices. From the drop-down list, select the JPEG, GIF or PNG format. Select Quality (quality level) using the slider.
I welcome you again to the expanses of my blog, dear readers and visitors. Today we will learn how to save a picture in Photoshop for different situations. We will learn how to save images with a transparent background, without losing quality, animation and much more. Many are probably already thinking: “What the hell? When will we start doing normal Photoshop, and not all sorts of little things.” I'll answer you. Don't rush ahead of the locomotive. Learn the theory and basics first, and only then the most interesting part will come. Go in order and everything will be cool. Moreover, there are some nuances here, from the format of the picture to the size.
Normal saving
To save your document, or more precisely, pictures, you need to go to the top menu again and click where? That's right, you need to click on "File". And in the menu that opens, select “Save As”. There are several basic formats in which it is recommended to save. We looked at them in more detail. I’ll briefly tell you which formats are best for saving images for what purposes.
And, by the way, when you save the picture in JPG format, a window will pop up asking you to select the quality. I usually give it 8 for regular photos. In principle, the quality above is not particularly distinguishable. The type of format doesn’t play a special role, at least you won’t notice anything. You can install the basic optimized one, then the final image will take up a little less space.
If the image involves working with a more precise drawing, where some important details are shown, then set it to the full 12, since this determines how the quality will change when the picture is enlarged. If this is an ordinary picture, where accuracy and quality do not play a special role, then you should not put more than 8.
What formats are best to save a picture in?
Let's briefly look at the most popular image formats, which are used for different purposes.
- If your project is not finished yet, then save it in the format PSD. All your progress, transparency, all layers, and so on will be preserved. And by the way, if the project is not just some one-day project, but something larger, then it is better to always keep a copy in PSD. I always keep picture templates that I insert into the announcement of the article, since the topic is the same. The picture inside and the title just change.
- If you have finished your project and want to save your final result (for example, you processed a photo or made a collage), then save it in JPG (JPEG). Best for photography. In the vast majority of cases, we will save there.
- If you have done animation (for example, animated banners), then only GIF, since only it can consist of several images simultaneously. But despite the huge plus, this extension also has a big minus. The fact is that it is not capable of saving pictures with more than 256 colors. And this, as you probably already guessed, is very small, taking into account the fact that a regular JPG photo can contain more than 16 million colors. Can you smell the difference? But for low-color animated banners, this will be what you need.
- If your image has a transparent background, i.e. in the picture there is only a certain object without white background(or) then your format is PNG. The fact is that if you save any picture with a transparent background in Photoshop with the JPG extension, it will simply be filled with white. And when you subsequently insert the image into the editor, there will no longer be any transparency.
- If you want to save a picture in Photoshop without losing quality, then it is best to do it in the format TIFF. This is where everything is stored color palette and pixels. This format is used for printing when printing raster images just because the quality is not poor. The only downside is that it takes up an indecent amount of space on your hard drive.
- And of course, it was impossible not to mention that Photoshop is capable of creating graphics in the format PDF, which will allow you to open it not as an image, but as a document.
I would also like to note that GIF, like PNG, supports background transparency, but unlike the latter, it does not support translucency. Either everything or nothing.
Of course, you can see many other extensions here, but believe me, they are not worth your attention.
Saving for Web
In addition to the usual file export, you can save the image for posting on the Internet. With this method, it will be more optimized for the Internet, which will speed up its opening and generally be more convenient. So if you want to insert pictures onto the site, it is better to first save them for the Internet.
And if you want to save a picture in Photoshop with a transparent background for the Web, then select the PNG-24 format. Be sure to make sure that the Transparency option is checked, otherwise your image will have a white background that will replace all the emptiness. As you already know, the PNG extension can work without a background.
It doesn’t take much effort to save the animation either. Just select the GIF saving format and, if necessary, set it to full color, i.e. all 256 colors if you think you need it. You don’t need to touch the rest of the settings; leave everything without dezering so as not to take up extra space.
Before saving, you can see for yourself how it was and what happened for comparison. This is a very convenient thing, because you can play with the sliders and settings and see for yourself in real time how much the photo quality will change, and which settings are the most optimal. Select the 2 options tab and then you will see the original and optimized image at the same time.
Try to do all the manipulations from start to finish yourself. It's very simple. Also, do this for each of your appointments.
Well, if you want to study Photoshop in more detail, I can offer you wonderful video course, thanks to which you will learn Photoshop in a couple of weeks. Believe me, it is not difficult at all if you devote 1-2 hours a day to the program. All lessons are in video format and are designed for beginners, so you won’t be uncomfortable and you’ll understand everything the first time. Believe me, this is a really worthwhile course!
Well, this concludes our lesson today. I am very glad if this article was useful to you. By the way, if you want to receive updates on my blog, be sure to subscribe, and then you will be aware of the latest news, competitions and simply useful lessons for you. Good luck and see you in the next articles. Bye bye.
Best regards, Dmitry Kostin
Saved on your computer, and learn the finishing touch - how to save a picture (image, photograph) in Photoshop.
The process of saving a picture is closely related to graphic file formats. Because a lot will depend on which format you choose (transparency support, file size and number of colors displayed). I will not repeat myself and describe each format, since all this information has already been described in detail in the article on those used by Photoshop.
File - Save (Ctrl+S)
Typically this command is used when the user opened an existing image and is editing it. By executing this command, Photoshop will update this file in the same format as it was before. You could say that this is quick save, which will not require you to adjust any image parameters.
If you created the image from scratch then this command will work like Save as.
File - Save As... (Shift+Ctrl+S)
This command is the main one and is endowed with many “difficulties”.
By selecting this command, you need to tell Photoshop where, with what name and in what format you want to save your photo. To do this, a dialog box will appear:
Green arrows indicate navigation control buttons (to indicate the location of saving the file), and a blue arrow shows the menu for selecting the format of the future image. After that, click the Save button.
But that's not all. Photoshop will show another window - Options. The contents of this window will directly depend on the file format you choose.
The most important thing that can be configured here is image quality. In the field with numbers you can enter a quality value from 1 to 10, or select it text designation in the drop-down list, or by moving the slider. The final file size is displayed in the right half of the window.
The quality of an image directly affects its size, and therefore the speed of downloading on the Internet and opening on a computer.
You are also offered three types of format:
- Basic (“standard”) is the display of images on the screen line by line. That is, the most common way to display the contents of a JPG file.
- Basic Optimized is an image with optimized Huffman encoding.
- Progressive is a format that delivers images that gradually improve in quality as they are loaded.
The preservation process can be viewed from the other side - saving intermediate stages of work. For this there are PSD format, a format that was created specifically for Photoshop.
Select it from the window format drop-down list Save as, to be able to return the photo to editing again, because the entire palette of layers, all the filters and effects that you applied will be saved. All this can be reconfigured and supplemented. .
The third way to save in Photoshop
Click on the cross of this image (red arrow) if you want to close the image but remain in Photoshop, or on the cross of Photoshop itself (blue arrow) if you want to completely finish your work.. Thank you!
Working with a graphics editor Adobe Photoshop for 5 years now, I was surprised to learn that not everyone knows about the importance and necessity of saving images correctly. Turning to the Internet, I really couldn't find up-to-date and correct information on this topic. For this reason, I figured out the issue and want to tell you how to save images correctly.
Who needs to know this and why?
Anyone who works with a graphics editor, not necessarily Adobe Photoshop. Illustrator, artist, graphic designer, web designer, interface designer, photographer, student, schoolchild - by learning how to properly save images, reducing the file size, you save not only your own, but also other people’s time.
What time are we talking about?
First, let's make one thing clear:
Using the Internet, you waste time - a lot of time
Loading pages on the Internet is not instantaneous and takes time, but over many years of being on the Internet you have become accustomed to not noticing this. Let's say average page loading speed 3 seconds, where 2 of them are for loading images. Illustrations, interface elements, photographs, advertising banners, PDF presentation or even a picture of a cute cat, depending on the file size, it will take time for the browser to display the image on the screen.
Don't be fooled by "megabytes per second"
Most likely, your Internet provider promises you 100 Mbit/s- this is a brilliant advertising move (read as: deception) that has given rise to many misconceptions, including the topic of site loading speed. I measured the connection speed with a server located in Moscow, the result:
But the page loading speed from the site is much lower:
How many images do you view per day?
Dozens? Hundreds? As an active Internet user, I view several hundred images a day, most of them high resolution. If you reduce the weight of these images and accordingly increase the loading speed, at least by 1 second, multiplying by 500 images per day, then we get about 8 minutes a day and 4 hours per month.
I wait 4 hours a month for a picture to load
Everything you need to know about saving images
With rare exceptions, there is no need to save the final result using the same method as PSD, in this case, additional and unnecessary information from the date of creation and name graphic editor to the weather and camera model.
A bad habit is to set quality to value. 100 , but in comparison with 80 varies visible quality practically equal to zero, but the difference in weight palpable.
To post an image on a website, send it by mail, save it in the cloud, send it in a messenger, etc., you must use Save for Web.
JPEG or PNG?
JPEG - for images with a large number flowers and complex figures: illustrations, paintings, photographs.
PNG - for vector images or images containing text, simple geometric shapes, transparency and a small number of colors: logos, screenshots, stickers, icons.
Which Quality should I choose?
For most images the optimal value would be 80 , for some simple images where a clear transition between colors is not important. you can set the value 60 .
Optimized
The function includes an additional color conversion algorithm, it is recommended always turn on, except when the smallest details are important (for example Pixel Art).
Convert to sRGB
Converts the colors of the image to the corresponding sRGB table.
sRGB is the Internet standard
Resolution(Image Size)
The most common screen resolution is: 1366×768- for computer and 720×1280- for smartphone. Keep this in mind and do not save images larger than 1920 in width.
Metadata
Extra information that I already mentioned. No need to specify additional information about the image, which only increase the file size.
When was the last time you looked at the detailed information of a downloaded image?
Using this method, I was able to reduce the weight of the image by half.
Of course, there are rare exceptions when you may find it useful detailed information or increased detail, but in most cases these rules will be appropriate and will save hundreds of hours.
Thank you, Vladislav.
After completing all operations on the image (photo), you must save it to your hard drive, choosing a location, format and giving a name.
Today we’ll talk about how to save finished works in Photoshop.
The first thing you need to decide on before you start the saving procedure is the format.
There are only three common formats. This JPEG, PNG And GIF.
Let's start with JPEG. This format is universal and suitable for saving any photographs and images that do not have a transparent background.
A special feature of the format is that upon subsequent opening and editing, so-called "JPEG artifacts", the cause of which is the loss of a certain number of pixels of intermediate shades.
It follows from this that this format Suitable for those images that will be used “as is”, that is, they will no longer be edited by you.
Unlike the previous format, PNG when re-edited (used in other works) it does not lose quality (almost).
The last representative of the formats for today is GIF. In terms of quality, this is the worst format, as it has a limit on the number of colors.
Let's practice a little.
To call the save function, you need to go to the menu "File" and find the item "Save As", or use hotkeys CTRL+SHIFT+S.
This is a universal procedure for all formats except GIF.
Substrate
As we already know, the format JPEG does not support transparency, so when saving objects on a transparent background, Photoshop suggests replacing transparency with some color. The default is white.
Image Options
The picture quality is set here.
Type of format
Basic (standard) displays the image on the screen line by line, that is, in the usual way.
Basic optimized uses the Huffman algorithm for compression. I won’t explain what this is, look for it yourself on the Internet, it’s not relevant to the lesson. I will only say that in our case this will allow us to slightly reduce the file size, which is not really relevant today.
Progressive allows you to improve the quality of an image step by step as it loads on a web page.
In practice, the first and third varieties are most often used. If it’s not entirely clear what this whole kitchen is for, choose Basic (“standard”).
Save as PNG
When saving in this format, a window with settings is also displayed.
Compression
This setting allows you to significantly compress the final PNG file without loss of quality. In the screenshot, compression is configured.
In the pictures below you can see the degree of compression. The first screen is with a compressed image, the second is with an uncompressed one.
As you can see, the difference is significant, so it makes sense to check the box next to "Smallest/slowest".
Interlaced
Settings "Deselect" allows you to show a file on a web page only after it has completely downloaded, and "Interlaced" displays an image with a gradual improvement in quality.
I use the settings as in the first screenshot.
Save as GIF
To save a file (animation) in the format GIF necessary on the menu "File" select item "Save for Web".
There is no need to change anything in the settings window that opens, since they are optimal. The only point is that when saving the animation, you need to set the number of playback repetitions.
I hope that after studying this lesson, you have gained the most complete understanding of saving images in Photoshop.