Here's another description of basic image file types for the Web, and a nice summary with demos of the four main formats (GIF, JPEG, PNG, SVG).
We’ll walk through making a textured background tile. Note that making a graphic (appear to) tile only on the y-axis can be accomplished with CSS {background-repeat: repeat-y;} . A reminder to look at the Extras & Tools on the book website: here's Duckett's video on saving images in Photoshop.
This is a background tile I made in Photoshop that’s OK, but more patterned than seamless. Second, here is a Transparent gif with matte color that we can make from downloading the 3ducks files: .pict file and background .gif. The difference is subtle, but compare that matted GIF to one that has no matte color. (Remember to look at the GIFs in the browser.)
Finally, you can find Photoshop and other training at lynda.com (consider subscribing) or Sitepoint, one that I use.
You are advised in any layout to include in the IMG tag
- Height and width in pixels
- An alt and a title attribute that describes the content of the photo
For a good summary of <img> see HTML-kit. And here's a list of media file extensions for images, etc.
Site maintained by John Beatty