Posts Tagged ‘image’

Creating Web Slices with Adobe Fireworks Slice Tool

June 10, 2010

Adobe Fireworks Web Slice ToolCreating web slices is the first step to converting your  digital artwork into a website. Whether your design is done with Illustrator, Photoshop or Fireworks,  ”web slicing” is an essential skill to master.
It’s not only about using the slice tool but choosing the right slices. When done the right way,  optimized web slices will help you create fast loading web pages also easy to update.

Read more…

Share

6 Key Factors in Optimizing Images For The Web

January 24, 2010

The 6 key factors to consider when optimizing images for the web are:

  1. Always start with picture dimensions (w, h) greater than your target size
  2. Set the image resolution between 72 and 96 pixels/inch
  3. Crop the image to only keep the area needed to convey your message
  4. Resize the cropped image to reduce the dimensions to the minimum while maintaining the proportion between width and height
  5. Choose the appropriate export file format: PNG, JPEG or GIF
  6. Select the right compression ratio/color range

Read more…

Share

CSS Body Background Color and Background Image

January 15, 2010

You certainly know the HTML ”<body>” tag is the topmost container box that wraps your web page design elements and content. Of course we can all agree that the <html>” tag is the topmost parent element of the HTML DOM.  So let me reformulate my previous statement to satisfy the geek within you: the body is the closest parent to HTML elements in  your web page content. You can use the body tag to change your web page background color from the default “white”.

Read more…

Share