One of the most common questions about images for the Web concerns when to use the GIF or PNG image formats, and when to use JPEG. The simple answer is use JPEGs for photos and other images with millions of colors, use PNG for everything else. Format Best Use GIF (Extension is .gif) For line […]Read More
Optimizing GIF and PNG formats with Adobe Photoshop Save for Web Dialog
Optimizing JPEG Images with the Save for Web dialog in Adobe Photoshop
The JPEG format is the best choice for optimizing continuous-tone images, such as photographs and images with many colors or gradients. When you optimize a JPEG, you can make the file size smaller by applying compression. The more compression, the smaller the image, but if you compress the image too much, the image can look […]Read More graphics
Creating and Optimizing Web Graphics
The most important thing to keep in mind when creating images for the Web is that you want to optimize your images to make your file sizes as small as possible so that they download as quickly as possible. Just be careful, if you reduce the colors in an image too far, you can loose […]Read More graphics
Changing size and resolution when optimizing graphics
Reducing an image’s size for use on the Web requires two steps — reducing the image’s physical size by reducing its dimensions, and reducing the resolution of an image, which changes the number of pixels per inch that make up the image. When you’re working with images for the Web, you want to reduce the […]Read More graphics
How to fix a Photoshop Web Photo Gallery in Dreamweaver
Note: The Photoshop Web Gallery is no longer included in the latest versions of Dreamweaver. This tutorial applies to older versions of Photoshop that included the automated Web Photo Gallery feature. After a recent trip to Russia, I thought it would be fun create a slide show with photos I took in the new Cold […]Read More dwcs3, dwcs4, dwcs5, dwcs6, graphics
How to use the Widget Browser in Dreamweaver CS5 & CS6 to Add Slideshows, Drop-down Menus, & More
Adobe provides a marketplace where you can fine easy tools (some of them are even free) to add cool stuff like interactive slideshows to your website. You’ll find a growing list of widgets on the Adobe Exchange site that you can use to create slideshows, drop-down menus, and other Interactive features. The Widget browser makes it easy to […]Read More dwcs5, graphics
What’s the best way to add a border to a table with CSS?
Hi Janine, I was watching your new advanced CSS on Kelby Training last night and it brought up some questions that I hope you will answer for me. I have been a coder for a very long time and much of my work nowadays involves PHP code and MySQL. I have been using the <div> […]Read More css, dwcs3, dwcs4, dwcs5, dwcs6, graphics
How do you set image links in Dreamweaver?
Hello Janine, I’m a capable freelance print designer starting to learn Dreamweaver. One of the first real-world tasks I have set out to master is creating an email message. I loved your article in the current issue of LAYERS, but have had issues inserting images. I have looked on the Adobe boards for similar problems […]Read More dwcs3, dwcs4, dwcs5, dwcs6, graphics, links
Can I include an image as a background in Dreamweaver MX 2004?
Hi Janine, Hope you can answer this question. I am using Dreamweaver MX2004 and want to include an image as a background in page properties. I don’t want the image tiled and I think there is a way to do that by using CSS, but I sure can’t find it in the Help section. Can […]Read More graphics, links