How to compress a PNG into a smaller file for the web

Transcript: Welcome guys I'm Superman ink in this video I am going to share you how to reduce PNG file size I have a PNG file which size is 60 7.3 Kb I want to reduce its size for testing purpose to do this I will be visiting some sites like WWF top speed dot-com / PNG - compressor next site is compressed in calm and per size is tiny PNG calm - so check out first one this is gift of speed.com / en you guys uh professor click on it witness high is the 60 720 kb if sales total saved 53.8 kb it saves a lot of size so say it let's check it out this is our save run it has deuces size from sound kb to 13 Gabey this wonderful site okay next check our next slide that is compressed Viacom it is here upload PNG the original VND this it saves 70% download okay now check its size it has reduced to 20 KB so it is a bit less compassion than our left of speed site it has reduced the seven can be filed to 16 kV and our second side Eng compress PNG... See more →

Key quotes:

• "It reduces PNG file size by providing a more efficient, and powerful deflate stage in the compressor, allowing it to find better matches in your data."
• "Even though there’s a lot of things you could manually do, I suggest that you should only focus on reducing the number of unique colors in your image and then let a tool take it the rest of the way."
• "Here’s an example image, and it’s indexed variant: The example Google Doodle above was exported in Photoshop’s “save for web” feature, and the image format was set to PNG8, which created this color palette for the image: Basically, by moving to indexed images, you’ve replaced the unique color at each pixel, with a pointer into the palette instead."
• "This mode creates further savings when you consider how the filtering and deflate stages are applied: If you can represent your image as a paletted image, then you’ve gone a great way to significantly improving the file size, so it’s worth investigating if the majority of your images can be converted over."

Transcript: Hello friends in this video tutorial I'm going to show you how to compass an email using Zim for example I have saved one image here on my desktop let's open it you can see the image here in the properties you can see the image size is 3 point 8 MB we will compress this image using zoom now open this image with generator I'm using zoom 2.8 you can see the image here now go to file click on export you can also use keyboard let's shift ctrl + E export this No you can change the name of this image there suppose compressed from select file type select jpg theme is not exported now the higher quality means we'll have big size so you have to reduce the quality parameter that gives quality parameter we will have little D credit quality but the file size will be smaller let's suppose okay so 61 now we have to click on export now this is the image that is compressed yeah now you can see I have saved the compressed image here on my desktop open this the properties of this image it is not one point of onion... See more →

Key quotes:

• "An exception is a high-density screen like Mac’s Retina where we can load an image that’s 2400 pixels wide."
• "An exception can be a small image like an icon, that’s smaller than, let’s say, 300x300px as there will be a quite small size difference."
• "When compressing the images it’s best to work with the source file, not the one that’s on your website and might have already been compressed."
• "If someone saved a photograph as a 256 colors PNG you would shave quite a lot KB’s off it by saving it as a JPG, but you would have errors not from one, but from two file formats! This color will be the most noticeable to lose quality: Of course, each image is different and you might get better results with other formats or settings, but this should get you covered in most cases."
• "The quality is fairly good, there’s a bit of color degradation, as the gradient becomes less smooth but it’s acceptable."

Key quotes:

• "Sure your website might be downloading from satellites in space, but users expect your site to load at the speed of light, and are extremely impatient."
• "Website content is normally around 900–1200 pixels wide, so keep that in mind when sizing an image for your page."
• "Each file type has its pros and cons, and knowing which one to use can make a huge difference in how your website performs."
• "- Most popular file type on the web - Good for photos or complex images because of the huge color pallet that is allowed with the format."
• "(1MB = 1000kb) If your image spits out of the compressor and its larger than 1MB, revisit your image size options, or try a different file type (see above)."
• "To get a little context, the average size of an entire website is only 4MB, so use your precious space carefully 😉 It’s really easy to get lazy and keep the default file name from a camera or image download (eg."

Transcript: So that's today I'm show you guys basically how to get a PNG compressor the one that I use of when I like this is one that I always use is called PNG con so it's pretty good I like this program it's the best one I found this is basically it's really easy to use before I show you guys how to use them show you guys how to get it on base ones do is you want to go to your internet browser and you're gonna want to go to google.com once you go to google you want to type in PNG Gauntlet most of I we just have to put PNG G be the first one PNG Polycom won't click download for windows I'll put the link in the description so be easy for you guys to get to it so once you download it and you install it there's gonna be an icon on your desktop which one do again double click on it like normal and it's gonna bring up this screen it's gonna say output what you want to do is you want to click this button over here you're gonna choose wherever you... See more →

Key quotes:

• "7 Ways to Reduce Image and Video File Sizes for the Web We’ve posted before about how to optimise images and videos for the web."
• "Still, in this post, we will drill down into one area of optimisation with seven methods that you can use to reduce the file sizes of images and videos."
• "Images and videos are usually the largest files on a web page, so making them smaller is often the quickest way to speed up a website."
• "These three methods are the most basic and well-known ways to reduce the file size of images and videos: It’s best practice to scale images and videos to no larger than the size they’ll end up being displayed at."
• "Alternatively, adding even just a little gaussian blur across a whole image or video can drastically reduce its file size."

Transcript: Hey guy's R4GE VipeRzZ here and today I'mgoing to show you how you can easily compress PNG images in Windows so tocompress PNG images we're going to be using a program called PNGGauntlet nowto download PNGGauntlet you want to come to this website here the link willbe in the description and you want to click download for Windows now this willdownload the installer for the program and once the installer's finisheddownloading you want to open it up then you want to click run, then you want toclick Next and then you want to read through the end-user License Agreementand once you've read through it and you agree to it you then want to tick thebox here and you want to click Next, now at this section here you can changewhere the program installs you can leave it at the default one like and going toour if you want to change you can click the Change button here and select whereyou would like it to install but like I say I'm gonna leave it default so I'mjust gonna click Next and then to install the program you just want toclick the install button here now if any prompts come up asking... See more →

Key quotes:

• "However, not enough of these engineers look at some basics that will immediately improve the load times of web apps, improve user experience while also reducing data usage and storage costs."
• "The basic we’ll look at today is simple: optimizing images for the web."
• "In this part 1 article we’ll explore a few native solutions for quick and easy image optimization."
• "Today we’ll explore Mac OSX’s Preview app and its ability to batch compress images into a web optimized JPEG and PNG formats."
• "Once photo is open in MS Paint, simple select File -> Save as -> JPEG / PNG / ETC."
• "I know I said only “native” solutions wanted to provide any Windows users with a batch option."

Transcript: Hello today I'm going to show you how to reduce the file size of this picture this picture when I point and right-click I can see the properties on this picture and the dimension on this picture is 37 14 by 29 29 pixels also is a 300 dpi dots per inch we're going to scroll down and see the size of this picture the size of this picture is five point eight six megabytes it's too big to email too big to share on the social networks so we're going to reduce the file size and we're going to use a software a free software that I've I use myself on my pictures for that we're going to go to your browser Google of course and we'll find and type in fast fast fast tone and the useful is the first option fast on org they have more software to offer Pat and it says your windows 7 but it will work on windows 8 select on download and scroll down all the way to the bottom where it says fast on photo resides sir 3.1 select download and you have more options here you have portable a lot... See more →