Welcome to Talking HTML, an audio/video internet thing for web developers who are just starting out

Today it's all about images!

 

2 main types I'll talk about is jpeg and png.

Also SVG but that is reserved for a more in depth discussion

 

Images are one of the most important aspects of building and maintaining a website

 

Why use images?

Makes site look good

Visual representation of what website is about

 

Need to be cautious:

Photos take up bandwidth

  Big images can slow down site load time

     Load time is arguably the most important adjective of user experience

     If it takes to long to load people leave and go somewhere else

 

Jpeg

Millions of colors

Smaller file sizes

No opacity

blurry on zoom in

 

PNG

Millions of colors

Larger file size

Supports opacity

retains clarity when zoomed in

 

Not just photos!

 

Images can be used for backgrounds

   From full scale image to 1px repeated pattern -ex TNPW Design portfolio page (http://www.tnpwdesign.com/portfolio/index.html)

  Used for navigation buttons/ action buttons - though CSS now takes care of that unless button is specialized

 

Please go to iTunes and Stitcher and rate the show! Ratings get listeners!!

 

http://www.Webdevpod.com (http://www.webdevpod.com) for all the content and links

@TNPWDesign

@tommnorman

DreamHost (https://www.dreamhost.com/) promo code - tnpw