The four choices are: Perceptual, Selective, Adaptive, and Restrictive (web). Most of these additional options control how the colors in the image are reduced, and try to correct the image for the display of limited colors.Ī PNG-8 file has more options than a PNG-24 file to allow you to control how colors are reduced and displayed.Ĭolor Reduction Algorithm: This feature specifies the mathematical algorithm used to reduce the number of colors in your image.
The PNG-8 format has a few additional options to compensate for the fact that it allows you to save an image with a total of only 256 different colors. Matte Color: When the Transparency option is disabled, The Matte feature sets the color to which you want to convert all transparent or semi-transparent pixels.
#Adobe photoshop elements 13 tutorial youtube download#
The advantage of interlacing is that it allows an image to download in stages the disadvantage is that not all web browsers support this feature. The visual effect is that the image at first appears blurry, and then becomes less and less blurry as more of it is downloaded, until finally it is the clear image that you optimized in Photoshop Elements. Interlacing: This is a process that allows for a PNG image to be displayed incrementally in the browser as it loads onto your viewer’s computer. With a PNG-8 image, pixels are either fully transparent or fully opaque, but with a PNG-24 image, there is a range of transparency values that images can contain and so pixels can be transparent, opaque, or semi-transparent in the same image. The fact that the Transparency option is enabled by default is the reason why the matte color option has been disabled. It’s the reason you can see the gray and white transparency grid behind your image. Transparency: This checkbox simply controls whether transparent pixels in your image are rendered as transparent or not. In fact, the PNG-24 format only offers three options: Transparency, Interlaced, and Matte. In the Save for Web dialog box, the PNG-24 format doesn’t offer as many options as the JPEG format. If you right-click on the expected download time, you can choose to see the time it would take to download the optimized file on different connections by choosing a different connection speed from the list that appears.ħ Press Cancel, and close the image in the Editor. The side-by-side display of the dialog box allows you to compare your original to the optimized version. The third row of numbers is the expected time it would take to download the image. The optimized image is approximately 8.4 kilobytes in size. Width, Height, and Percent are all proportional to each other.ĥ Press Apply to change the size of the image.Ħ The original image was 178 kilobytes in size. You can also change the image size by adjusting the percentage or height values it depends on what your target size or use for the image will be. The height value automatically changes, as the Constrain Proportions option is enabled by default. In the Image Size section of the dialog box, change the width to 300. The presets in the Save for Web dialog box are often the best place to start when optimizing a file.Ĥ The image is 453 pixels wide and 229 pixels high you will now reduce these dimensions. This displays the options available for a PNG file. In this lesson, you will create a PNG-24 to take advantage of the variable transparency that it allows.ġ Using the Editor workspace, open the file PIXEL.psd from the Lessons folder.Ģ Choose File > Save for Web this opens the Save for Web dialog box.ģ Choose PNG-24 from the Preset drop-down menu on the right side of the Save for Web dialog box. The PNG-8 format is intended to replace the GIF format and can save an image with a maximum of 256 colors, while the PNG-24, like a JPEG, can save an image with millions of different color values. There are actually two types of PNG files. The differences arise once you open the Save for Web dialog box. To create a web-ready PNG file, you follow the same steps that you used to create a JPEG. Photoshop Elements Tutorial: Creating a PNG in Photoshop Elements It is the thirteenth lesson in the Adobe Photoshop Elements 10 Digital Classroom book. This tutorial provides you with a foundation for working with video images in Adobe Photoshop Elements.
What you’ll learn in this Photoshop Elements Tutorial:
0 kommentar(er)
