• Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Start Here
  • Services
    • Website Design
    • Graphic Logo Design
  • Testimonials
  • Examples
  • Blog
  • Project Guide
  • About Darren
    • Why Work With Me?
    • About Ilkeston
  • Enquire Now

Ilkeston Web Design

Building Local Businesses, Pixel by Pixel

0115 714 3290
  • Email
  • Facebook
  • LinkedIn
  • Twitter
  • YouTube

JPG Vs PNG: What’s the Best Image File Format?

February 20, 2015 by Ilkeston Web Design

Watch video on YouTube

In this video we examine two image file formats used around the web for displaying images. The JPG and PNG format are the most used types and are demonstrated in the video above. (GIF files are an option but these are less used for static images and more for animation.)

JPG Images

JPG (also known as JPEG) is an acronym for Joint Photographic Experts Group and has been around since 1992. This bitmap file supports varying degrees of compression quality and is a standard format for digital imaging. However, where website graphics are concerned, there is another option which may serve you better and actually save you time in more ways than one.

PNG Images

PNG stands for Portable Network Graphics and is another bitmap based image format. This format has been hanging around since 1994 and has undergone several revisions. It is superior (and more flexible) compared to a JPG. Besides supporting transparency (similar to GIF and TIFF) PNG supports an interlaced loading style and higher compression. You can compress your PNG images heavily using www.tinypng.com and save masses of bandwidth usually attributed to image file size. Without putting too fine a point in it, when a PNG loads as an interlaced file, the image begins blurry picture and quickly becomes sharper. On the other hand JPG loads in horizontal bars one at a time.

Why Transparency?

PNG images look better on web pages because you can change the background colour of the website containers and the transparent image file simply sits on top undisturbed. You cannot do that with a JPG. If you have logos or graphics created for you by a designer, always make sure to request them in a format supporting a transparent background. It makes it easier to create your own designs from images that do not have a background attached to it. You may well want to create other graphics (such as animated web banners) and it is useful having the ability to drop images into design layouts without having to use a lasso tool to cut out backgrounds. Cutting out images can cause jagged edges as a result of pixel damage caused to anti aliasing on images.

Related Posts

  • Design Discussion #1: Graphic Logo Concepts
  • How to Add Managers to Your Google Plus Page
  • The Website Pitstop: Why You MUST Develop WordPress Sites Offline
  • The Zen of Website Design
  • Design Discussion 3: Client Logo

Filed Under: Graphic Design, Tips, Video, Web Design Tagged With: design

About Ilkeston Web Design

Do you require a new website or modifications to your existing one? Are you considering a redesign?

Send Darren an email for friendly, no obligation advice or call 0115 714 3290

Primary Sidebar

No Ordinary Website

Hi! I'm Darren, from Ilkeston. I help small to medium businesses in the local to wider area create websites with purpose.

Need website services or advice? Let's talk...

Google Reviews

Elizabeth Bailey
June 21, 2017
    

"Excellent web design company with a great knowledge of the requirements of small businesses. Always friendly and helpful."

Elizabeth Bailey
Love Typing

Shaun Knighton
June 21, 2017
    

"A good service with a knowledgeable company. Very heplful in decision making and with guidance, all at a good price. Thank you from Heanor Chiropractic Clinic."

Shaun Knighton
Heanor Chiropractic Clinic

Sarita White
June 21, 2017
    

"Great advice, very thorough and very very helpful. Lovely guy who cannot do enough to help.
Would definately recommend 🙂 "

Sarita White
Sarita White Photography

About the Local Area

Victorian factory on King Street

A Quick History of Ilkeston Business

Recent Posts

  • “Cossall Parish Council” – Mobile Responsive Website, Nottinghamshire
  • COVID-19: Google My Business Adds “Temporarily Close” Your Business Feature
  • Use Your Website to Demonstrate Your Business Can Be Trusted
  • Before You Pay to Promote Your Website, Take a Good Look at It
  • How Your Website’s “About” Page Helps People Know, Like & Trust You

Footer

Navigation

Home
Services
– Web Design
– Graphic Logo Design
Testimonials
Blog
New Website Project Guide
Portfolio
About Darren
– About Ilkeston
– Why Work With Me?
Contact

Social

Twitter
Facebook
YouTube
LinkedIn

Contact

Office 897, 109 Vernon House
Friar Lane, Nottingham,
NG1 6DQ

Based in Ilkeston, Derbyshire

Office: 0115 714 3290
Mobile: 07519 897 243
Email: [email protected]

Copyright © 2022 Ilkeston Web Design · ICO number: ZA305900


Web Design in Nottingham · Web Design in Derby · Privacy Policy · Terms & Conditions