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

  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 for all the content and links

@TNPWDesign

@tommnorman

DreamHost promo code – tnpw

The post Eps 6: Images – Talking HTML appeared first on Schaffen Creative.