Web design & Internet tutorials
Search the site...
Home» Posts tagged "graphics"

What’s the Best Image Format for the Web? JPEG, GIF, and PNG Comparison Chart

Posted by Janine Warner - September 8, 2012 - Graphics, Tutorials

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 graphics

Optimizing GIF and PNG formats with Adobe Photoshop Save for Web Dialog

Posted by Janine Warner - September 7, 2012 - Graphics, Tutorials

If you’re working with a graphic, such as a logo, cartoon character, or drawing that can be displayed in 256 colors or less, your best bet is to use the PNG format and reduce the total number of colors used in the image as much as possible to reduce the file size. (If you are […]

Read More graphics

Optimizing JPEG Images with the Save for Web dialog in Adobe Photoshop

Posted by Janine Warner - September 7, 2012 - Graphics, Tutorials

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

Posted by Janine Warner - September 7, 2012 - Graphics, Tutorials

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

Posted by Janine Warner - September 7, 2012 - Graphics, Tutorials

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

Posted by Janine Warner - September 7, 2012 - Dreamweaver, Graphics, Tutorials

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

Posted by Janine Warner - September 3, 2012 - Dreamweaver CS5, Dreamweaver CS6, Graphics, Tutorials

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?

Posted by Janine Warner - August 25, 2012 - CSS, Dreamweaver, FAQ, Graphics

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?

Posted by Janine Warner - August 25, 2012 - Dreamweaver, FAQ, Graphics

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?

Posted by Janine Warner - August 25, 2012 - Dreamweaver, FAQ, Graphics

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
  • 1
  • 2

Recent Posts

  • Google Analytics for Creative Professionals – new class on Pluralsight
  • Follow the cursor JavaScript sample
  • Part Four: Tools that let amateurs look like professionals
  • Part Three: Influence, Klout and finding what’s hot
  • Best social media tools part 2: Twitter, Instagram and Pinterest
  • How to add sound to a website
  • The advantages of a dynamic website, such as WordPress
  • How do you preserve Google rankings when you redesign a WordPress site ?
  • Browser Testing Tools
  • My updated Facebook Template works on small and large screens




© 2001 - 2020 All rights reserved. DigitalFamiliy.com | Terms & Conditions of Use | Privacy Policy

This is a demonstration store. No physical products will be shipped. Dismiss