Creating 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.
Posts Tagged ‘image’
Creating Web Slices with Adobe Fireworks Slice Tool
June 10, 20106 Key Factors in Optimizing Images For The Web
January 24, 2010The 6 key factors to consider when optimizing images for the web are:
- Always start with picture dimensions (w, h) greater than your target size
- Set the image resolution between 72 and 96 pixels/inch
- Crop the image to only keep the area needed to convey your message
- Resize the cropped image to reduce the dimensions to the minimum while maintaining the proportion between width and height
- Choose the appropriate export file format: PNG, JPEG or GIF
- Select the right compression ratio/color range
CSS Body Background Color and Background Image
January 15, 2010You 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”.