Book Character Book Character

Photo/Image Resources

A picture is worth a thousand words - and photos/images add interest to any website! Here you will find not only ways to incorporate pictures/photos/images onto your web pages, but also some stock photo/image resources (some free, some for purchase). There are also a few entries about creating/modifying images of your own in Photoshop (plus a link to a free image editor if you don't have Photoshop)!

Website Description
W3 Schools-HTML Images Always a good starting point - W3 Schools can explain the basics of adding images to a web page (for a beginner, or as a refresher for a pro!):
W3 Schools-Creating an image gallery with CSS Here is how to create a basic image gallery with CSS:
W3 Schools-Image opacity/transparency Use CSS to create opacity/transparency on an image (this is CSS3, so it won't work in all browsers-be sure to check that it degrades nicely!):
W3 Schools-CSS image sprites An image sprite is a collection of images put into a single image. A web page with many images can take a long time to load and generates multiple server requests. Using image sprites will reduce the number of server requests and save bandwidth. Here are the basics of using image sprites along with some nice examples:
W3 Schools-CSS to set a background image Basics of using CSS to set the background image of an element:
Google Images Source of many photos and images - to help you see what is out there. But, be sure to check back to the source of the image-if it isn't from a free photo stock site, you probably can't use it. Check it out here:
Flickr As the biggest photo sharing site on the web, used by some of the world's best photographers, your image search really isn't complete without a quick check of what Flickr has to offer. Not everyone allows their photos to be used commercially, though, so visit the Advanced Search Page, then check "Only search within Creative Commons-licensed content" and any other licence-related options you need before you begin. And when you find a photo you like, check on the right-hand side for a link like "Some rights reserved", and click it for details on what you can - and can't - do with the shot. See it all here:
Freepik helps you to find free photos, ilustrations, PSD and vectors for using in websites, banners, presentations, magazines and advertising:
Unsplash Free (do whatever you want) hi-resolution photos for your website. 10 new photos every 10 days. Pick and choose photos here:
iStockphoto LOTS of great photos/images/illustrations/videos/audio, some free, some for purchase:
Corbisimages Corbis features images exclusive to them that are taken by some of the leading photographers of our time. Exceptional images for inspired ideas and stories-for purchase here:
Freefoto is the largest collection of free photographs on the Internet (link back and attribution required - See FREE USE RULES):
Getty Images In 1995, Mark Getty and Jonathan Klein founded Getty Images to bring the fragmented stock photography business into the digital age. And that's exactly what they did. Find creative and editorial imagery, microstock, vidoe footage and music here:
Shutterstock Over 25 million stock photos, illustrations, vectors, and videos (for purchase):
Microsoft Office Images Mircosoft Office has tons of free clipart, photos, images, animations and icons for free:
Stock.XCHNG This fabulous site has a library of over 400,000 images covering every topic, and is probably the best place to start your search for free images. Stock.XCHNG has a more complex image licence agreement than some of the competition, though, so read that carefully before you start. Oh, and by the way, it is now owned by Gettyimage. Explore here:
Openphoto Solid collection of free stock photos:
Pixel Perfect Digital Free Stock Photography with Creative Commons Licensing. The best part of Pixel Perfect Digital is the collection of digital art and illustrations, though; stylish images that are hard to find elsewhere:
Adobe TV Photoshop has really become an essential tool for a web designer. Being able to create/manipulate images for websites will definitely give you and edge. Learn all the basics of Photoshop CS6 in video format:
Photoshop Essentials Great source of free Photoshop tutorials, from basic to advanced. You can view the text of the tutorial on the website, or download it as a PDF:
PSD Tuts+ Tuts+ also has a terrific web design site, but here they focus on Photoshop. It has tutorials (video format), articles, tips and tricks for beginners and pros alike:
GIMP Looking for a FREE (albeit much less powerful) alternative to Photoshop? Then GIMP might be for you. GIMP is an acronym for GNU Image Manipulation Program. It is a freely distributed program for such tasks as photo retouching, image composition and image authoring. Find out all about it (and download it) here:

Back to Top