We’ve created a series of bite-sized blog posts just long enough to give you the downlow on all kinds of digital wizardry, because we love sharing our knowledge and know-how. Get tips for improving your social media efforts, discover powerful PR tricks, and learn all kinds of hacks to make your work life easier. Here is our super quick tip of the week.
All images are one of a few different file types. The most common that you’ll find on the web are JPG, PNG, and GIF.
(And in case you were wondering, there is no difference between a JPG and a JPEG!)
Using the right filetype when you save your images is important, especially if you are concerned about getting the highest quality possible with small file sizes.
So, how do you know which to use? For a start, it’s important to know the difference between raster and vector graphics. Most of the images you’ll see and use online will be raster formats (this includes JPG, PNG, and GIF), so we’ll just deal with those here.
As a general rule of thumb, for the web, you should use JPG for photographic images saved at around 60-80%. PNG is useful when you need higher quality images and filesize isn’t a problem, but it’s also a good choice for graphics like diagrams and logos with only a few colours, as they can be compressed down to very small sizes without losing quality. Ideally, you’d use vector formats for this type of image, but a raster PNG fallback is acceptable.
Get more great stuff delivered fresh to your inbox.