Art 301 Week 4B

TYPE SIZES

WEB (relative) vs PRINT (absolute)

pixels, em, en, %    vs     pts (1/72″), pica, inch, mm

h1 { font-size: 150%; }

h2 { font-size: 1.5em; }  = 24px or 150%

12px – 16px

M = em

N = en

TB>GB>MB>KB

IMAGE OPTIMIZATION:

smallest file size with best quality.

GIF – flat color up to 256

(also supports animation and transparency)

JPG – imagery – smallest file size

PNG – transparent imagery

DUE NEXT CLASS: 

FINAL RESOLUTION for Mobile Web version of site.

• 568-by-320 resolution
• 326 ppi

Restaurant with CSS.