Skip to content
Home > Blog > The Difference Between JPG and PNG Images

The Difference Between JPG and PNG Images

As you plan your next design, you may not wish to use a standard, stationary-like white background. You want versatility to overlay an image over any background, right? What you’re looking for is a PNG file.

What is a PNG?

PNG stands for Portable Network Graphic and is a file format which allows for transparency in the image. If you’ve ever tried to use an image that doesn’t have straight edges and corners on the borders, you’ve felt the pain of an annoying white box bordering the graphic. PNGs solve that issue since you can remove any white border.

Difference between a JPG and PNG file format (image)
Save your graphic as a PNG file to retain transparency.

Making a PNG in Photoshop

If you’re lucky enough to have Photoshop, you can easily create a PNG file. Once you open an image file, select the magic wand tool Magic Wand tool in Photoshop, click on the color you wish to erase, then hit your Delete button. Any color which matches what you clicked will be erased. Then choose File > Save As and select PNG as a file format in the drop-down options.

Once again, this is for beginning designers. If you are familiar with vector graphics and EPS (Encapsulated Post Script) image files, you can skip the Magic Wand steps and just export to a PNG file.

If you still need help or have your own tips about using PNG files, leave a comment or email Rachel, Really Social.

Find Really Quick Tips like these by following @Rachel_Really on Twitter.