Shrinking transparent images

Shrinking transparent images

Check out TinyPNG at https://tinypng.com/ If you’ve ever done any graphics work attached to a website, you know that speed is one of the most important aspects of your graphic being effective. After all, if it takes 8 seconds for your image to load the chances are that most users will figure the page is stuck and move on. When you’re creating most graphic files, preferably in photoshop, you have the option of reducing the file size fairly easily. When you’re saving the finished image you can choose “low, medium, high or maximum” and can even watch the file size adjust to the setting you choose. This works great for .JPG files which are probably the most common image file on the web. However, one of the drawback to .JPG files is the inability to create a transparent section of the image. This is a big deal when you’re using “cut-outs”, text graphics over a background, or a myriad of other graphic circumstances when you want part of the photo to show, but not the whole rectangular image background. So, that’s when you create a .PNG file. You can create a PNG file with many photo editing programs, and basically here’s how it works: Let’s say you create a new image 200px wide and 100px tall for a logo, then enter your letters or small graphic. If you were to save that file as a JPG, when you add that JPG image as your logo, it would paste your letters and graphic just as you entered them, but with a white or solid background the size of the full image behind it. Not that big of a deal...