Consider cutting the image in parts and composing it in the final HTML, like some sort of puzzle.This will shave a bit of bites from your final result. If you can't save it as a JPG for any reason, but aren't using transparency, then untick "transparency" from the saving options.Are you using transparency? If not, consider saving the image as a JPG instead.Do you have a lot of negative space around the image? Try to trim it down to a minimum.Big areas of flat colours compress better than complex patterned areas.Having said that, there are a few things you could do to try to get a smaller file. The result is as is and you have no control on how big the file will be. The PNG does its intelligent thing to optimize the information it needs before saving it into a file but you cannot specify, like you do with JPGs, how compressed or accurate you want the file to be. This is great, but unfortunately it means that it has to store a lot of information to render the image perfectly, resulting on big files. This means that after the image is saved in a file, when it is rendered back all the pixels are rendered exactly as you designed them without losing any detail. On the other hand the PNG format, by design, supports Lossless Compression. They even allow you to specify how accurate the result should be: the less accurate the result needs to be, the smaller the file is. Since there is no expectation of accuracy, the Lossy Compressed images have the luxury of storing little information about the original design, resulting in small files. When a Lossy Compressed image is saved and then rendered back, the image is not 100% exactly as you designed it but just "close" to it, sort of a sketch. Some image formats, such as JPG, support Lossy Compression.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |