Build Your Own Business Website header image

Paint.net

How to Optimize Images for Use on your Site

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

Now that we’ve talked about how images are used in WordPress, we have to talk about how to optimize images for a small business, professional services website. You don't just want to take a picture from your camera and stick it on your website. Optimization applies not just to your own pictures but to images

How to Create Semi-transparent Images in Paint.net

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

This member asked how to create semi-transparent images using Paint.net. I demonstrate how to create an image, paint a layer and adjust it’s transparency. Then we save the image as a transparent .png. But I’m going to start off with a question that was asked this morning about how to create transparent or semi-transparent images

What is “Transparency” and what are Transparent Graphics?

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

This member asks what “Transparent” means in the context of web graphics. I offer a definition of transparency with respect to images. Then I describe the uses of a transparent graphic. I describe why I use the transparent image in the Thesis header image. I finally discuss appropriate file types for transparent images. Video Transcript

How to Add a Gradient Background Image to the Comments Section

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

A member wants to add a gradient image to the comment boxes as a background image.  We look at an example site and identify how they created the gradient effect.  Next we use Paint.net to create a gradient image.  Finally we discuss what the css would look like to use that background image. Rick: That