This week we did – Images and Colours.
The raster (image made up of coloured pixel squares) file formats are:
JPEG – (Joint photo graphic experts group), GIF- (Graphics interchange format) And PNG (Portable netwprk graphics) 8 AND 24bit.
Each file format has a killer feature : JPEG – Variable compression, GIF – Frame Variation, PNG 8 – Smaller than equivalent GIF, PNG 24 – Alpha transparency – 256 colours. JPEG has no colour transparency, gif and PNG 8 have 1 colour.
We also discussed what the file formats best uses are: JPNG – Photographs, GIF – simple graphics and animations, PNG 8 – simple graphics often smaller than GIF, and PNG 24 – Complex graphics ( photo and line art.)
We talked about Scalable Vector Graphics SVG images use vectors rather than pixels. SVGs are created using coordinates rather than a matrix of coloured squares. SVGs use the XML markup language and can therefore be embedded within HTML if required, unlike raster images that must be linked. The most obvious advantage of SVG images is that they are infinitely scalable and the quality does not degrade as they get larger. Ideal for responsive web design.
We then talked about CSS floats are being a powerful tool used to control the relative position of HTML elements within a page, you can position something left or right using float but not center.