• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Riot Customs

Genesis WordPress Development, Maintenance & Support

  • About
  • Services
  • Blog
  • Shop
  • Contact

JPEG vs PNG The Showdown

Written by Katrina


Let’s answer that tedious question, do I use jpg or png for my site? Well first let’s define words (that’s always important).

JPEG
(jpg) stands for Joint Photographic Experts Group who created the standard. Often used in digital cameras and photographic equipment.

PNG
Portable Network Graphics is a raster graphics file format that supports lossless data compression. PNG was created as an improved, non-patented replacement for Graphics Interchange Format (GIF), and is the most widely used lossless image compression format on the Internet.


What happens now?
Save your file as a jpeg when it is a photograph or a realistic picture. However, if you have added text, a block of color, or simple shapes to the image, save your file as a png.
Use the jpeg image format when using tangible items such as business cards, prints, and other stationery.
Use the png image format when you are using the image as part of a web layout.

When to use JPG

  • If you are using the image for print such as business cards, coffee mugs, etc.
  • Images for your stationery, do not flatten the layers before saving the image in Photoshop.
  • Photos you’ve edited in Lightroom.

When to use PNG

  • If you need some transparency in the image of the photo, make sure you hide/disable the background before saving it.

Example:

Previous Post
Next Post

Blogging, Tutorials, Web Design Leave a Comment

Reader Interactions

Share Your Thoughts
Cancel reply

Your email address will not be published. Required fields are marked *

I accept the Privacy Policy

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Categories

  • Blogging
  • Business
  • Client Work
  • ConvertKit
  • Freebie
  • GenesisWP
  • Interact
  • Personal
  • Theme Releases
  • Theme Updates
  • Tools & Software
  • Tutorials
  • Web Design
  • WordPress

Master ConvertKit

A kick ass tech course on using the ConvertKit software. Want to start growing your list with the best email marketing software out there? What are you waiting for? Grab this course now!

Enroll Now!
Buy me a coffee
Newsletter

Tails from the Beast

Join our newsletter for tips on how to use the WordPress platforms. Advance your skills, and most importantly, puppy photos.

Please enter your name.
Please enter a valid email address.
Sign Me Up!

Thanks for subscribing! Please check your email for further instructions.

Something went wrong. Please check your entries and try again.

Development Information

  • How it Works
  • Trusted Partners
  • Portfolio
  • Client Portal

Explore

  • Resources
  • ConvertKit Services
  • Terms of Service
  • Privacy Policy
  • Disclamier

© 2009 - 2025 Riot Customs, LLC.

Powered by Flywheel & Beaver Builder.