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!): www.w3schools.com
W3 Schools-Creating an image gallery with CSS Here is how to create a basic image gallery with CSS: www.w3schools.com
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!): www.w3schools.com
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: www.w3schools.com
W3 Schools-CSS to set a background image Basics of using CSS to set the background image of an element: www.w3schools.com
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: google.com
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: www.flickr.com
Freepik Freepik.com helps you to find free photos, ilustrations, PSD and vectors for using in websites, banners, presentations, magazines and advertising: freepik.com
Unsplash Free (do whatever you want) hi-resolution photos for your website. 10 new photos every 10 days. Pick and choose photos here: unsplash.com
iStockphoto LOTS of great photos/images/illustrations/videos/audio, some free, some for purchase: istockphoto.com
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: corbisimages.com
Freefoto FreeFoto.com is the largest collection of free photographs on the Internet (link back and attribution required - See FREE USE RULES): freefoto.com
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: gettyimages.com
Shutterstock Over 25 million stock photos, illustrations, vectors, and videos (for purchase): shutterstock.com
Microsoft Office Images Mircosoft Office has tons of free clipart, photos, images, animations and icons for free: office.microsoft.com
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: www.sxc.hu
Openphoto Solid collection of free stock photos: openphoto.net
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: pixelperfectdigital.com
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: tv.adobe.com
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: www.photoshopessentials.com
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: psd.tutsplus.com
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: http://www.gimp.org/

Back to Top