PS Chettu after the picture size too big how to do?

Source: Internet
Author: User
Tags webp

First, if it's just compression, it's recommended to use IMAGEALPHA (specially compressed PNG)

Take a poster on the Internet for example (Invasion and deletion)

Normal PNG size exported from PS:

It was originally 1.1 MB.

When opened in Imagealpha, you can see that you can compress 65% under the default parameters.

379 KB after compression. And it's pretty much without compromising the details of the picture. I generally in the output map resources are relying on Imagealpha to complete the compression of the material.

And Imagealpha can be further compressed by adjusting the number of colors, but this is damaging.

For example, the number of colors to adjust to 4, the details have been lost almost, but can greatly compress the image.

In addition, there are some online image compression tools, the most commonly used is: Tinypng. and Imagealpha compression default compression rate is similar, so specifically like to use which to compress or see personal habits.

Another way to compress is to speak PNG to WebP format.

Tools have webponize and so on.

The compression rate of the test results on the Internet is still very considerable.

However, WebP has not yet become popular, most companies mainly use PNG to output, so it is still to see the majority of the company's use of the custom to select the specific output format.

In addition, if there are some graphs without Alpha (transparent) channels, you can use JPG to output, such as the mobile end of the product's Guide page, in general, the same size JPG file is smaller than PNG, or the previous figure for example.

JPG is only 338KB. Direct export JPG without extra compression, and through PS can also directly select the quality you want to output, by reducing the quality to reduce the size of the picture.

At the same time, if you feel that the quality of the JPG is still too large, you can further compress the size of the image by separating the tones in PS:

Of course this is also lossy, here the parameter set to 40 o'clock, there have been some visual loss of mass:

So specifically how to balance the quality and size of the balance or see the actual situation to decide.

There is also a situation is the compression of the icon material, the ideal situation is to treat the image as a vector SVG format. On the one hand, it can be reduced without lossless amplification, and the volume is greatly reduced compared to uncompressed files. There are many tutorials on the internet to SVG, I do not describe too much here, with links: iconfont-Alibaba vector icon Library, in the help of how to make SVG icons in a detailed tutorial.

Finally on the control of the system output, there is a principle that can use code to implement the code, it is best not to use pictures, on the one hand with material output need several sets of material to fit xhdpi, xxhdpi, xxxhdpi, late maintenance is very troublesome. And the program in the loading of these materials will also occupy memory, stability and performance will have an impact, a picture may not be obvious, but a page if a large number of use of picture material, so the impact is very huge.

General software engineers can be on the vector graphics fillet parameters, strokes, fill color, projection size, projection distance, projection color definition, so long as the material can be converted to the actual available parameters, are recommended to write clear parameters, and then by the software engineers through the program to achieve.

Category:
    • PS Getting Started Tutorial

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.