Save a Transparent GIF for the Web

Video Transcript

"So we've just saved a polka dot on a white background for my background image. But while I'm in PhotoShop, I'm going to go ahead and show you how to save a transparent gif file. And these are helpful because you can change the actual background color of your website and the transparency will show through. And so, let's cancel here and start from scratch. I'm going to select all and delete. And then go into my background and delete all that. And so, in PhotoShop when you see the checkers that means that there's nothing there and it's just a transparent file. So, I'm going to go back in and draw my polka dot again, but with nothing in the background. As opposed to the white that I had last time. So, there that is. Now we have a yellow polka dot that's kind of floating over nothing. Now I'm going to go back up here and save for web. And I'm going to save it as a gif file. There's no such thing as a transparent jpeg unfortunately. But, down here, I want to make sure that I have transparency clicked. Because you see the difference. It's changing from a white background to the checkerboard which means that it's transparent. And so, I'm going to save that transparent file. And I'm going to save it as background dot and trans for transparent. So I can know the differences. And I'm going to show you in the background file what the differences are for these two different types of files."