When you’re putting a website together or you’ve got a team like ours designing it, you’ll need to consider not just the style of imagery and branding you’ll be using but the type of files you’ll be uploading.
One of the most common questions we get asked is what file type clients should send their photos and logos in. Selecting the right type can affect the site load time, transparency, performance, quality and functionality. We’ve broken down the two most common types we use for website design and when you should use them.
JPG (short for Joint Photographic Experts Group) is one of the most common types of image file used online and is best used for digital photography. The files are efficient at storing detailed images that have many colours such as a high-quality photo. One of the downsides to JPGs is they don’t support transparency. We don’t recommend using them for logos or text-based imagery. You might have seen images online with blurred edges around the text, that’s usually because they’ve saved it as a JPG and the text has compressed around the edges.
PNGs (short for Portable Network Graphics) are our most preferred file type to upload online for many reasons. One of the big ones is that the files can be transparent, making them perfect for logos, icons and illustrations. They’re also lossless compression, unlike JPGs, so the files won’t blur the edges of text and when saved can be a small file size; saving you vital load time. A point to note is that PNGs can have a coloured or transparent background, this should be considered when saving the file for the purpose of logos for your website. We recommend using a designer or graphic design program like Photoshop to ensure your files are optimised for uploading or contacting our team to assist in this process. Below is an example of two PNGs one with a coloured background and the other with transparency:
There can be many components to factor into the design and aesthetic of your website, with imagery just being one aspect. Our creative and technology teams work together to guide you, not just through the process of functionally building your site but also ensuring it’s branding speaks to your audience.