Pixels Worth a Thousand



Get Web Design Tips and Tricks on mps-web-design.com. Pixels Worth a Thousand topic will increase your understanding on Web Design Tips and Tricks. We at mps-web-design.com only provide news, articles, information in Web Design Tips and Tricks. Web Design Tips and Tricks at mps-web-design.com provides the most up to date news and articles. If you have questions please do not hesitate to contact us.

Optimizing photos of your products for your web page. How to make the most of your photos.

Taking Photos:

  • Composition:

    Zoom in on the product. Make it center stage. Whatever the product is, you don't need a lot of walls and floor. If you need a horizon in the picture, have it either one third from the bottom or one third from the top of the picture. A horizon dividing a picture into two halves makes it boring.

  • Background:

    The subject in your picture should contrast and stand out from its background. You want the visitor to focus on the product, not the background. Your web designer can display the product with the same background color as the web page, provided the background doesn't contain colors also in the product. (We've seen a product with things accidentally growing out of it).

  • Focus:

    Sharp pictures are usually needed to sell products, unless you are selling a misty holiday location.

Images to computer:

  • Digital:

    Copy images from your camera via USB cable and 'paste' them to a folder (say Photos).

  • Film:

    Scan prints to a folder (Photos).

  • Copies:

    Copy the images from Photos to another folder (say Images). You can edit pictures in this second folder safely knowing you still have the originals.

Preparing for the web:

  • Graphics Software:

    Adobe's Photoshop and Corel's Photopaint are good. A low cost easy to use program is Jasc's Paint Shop Pro 7 or 8. (9 is now Corel's). There are many shareware programs.

  • Format:

    JPG and GIF are normal formats for images on web pages. Not all browsers display PNG and BMP. Use GIFs where colors are flat and JPG for most photos. Every time you save a JPG the image quality degrades. Open original JPGs and save in TIF format. Edit in TIF and make just final save as JPG.

  • Crop:

    With graphics software, you can 'crop' your picture leaving out unwanted areas. It's your product that's for sale, not walls and floors.

  • Quality:

    There are graphic tools to increase or decrease contrast or brightness, or edit colors, edges and backgrounds. The original picture must be good, or you will waste hours editing.

  • Size:

    Resize the final image down to the size you want on the website. On 800x600 screens the browser margins leave only about 762 pixels of viewing width, and the viewing height is reduced by the size of the tool bar of individual visitors. Your 2400x1800 pixels picture may end up 400x300 which is why cropping is important to show the product as a big part of the picture.

  • Compression:

    To enable fast loading on the web, JPGs can be compressed. Compression by 25% to 35% can display good pictures, depending on the original. GIFs can be faster loading if the number of colors is reduced from 256 to 16, or whatever number keeps the desired color quality. Keep the image file on the graphic software screen, while viewing the effect in your browser in another window. Use trial and error.

  • Thumbnails:

    A large number of images can be displayed as thumbnails on one page, which can be clicked through to the full picture on another page. You can have two files for each picture, small and full size. The page with thumbnails will load faster. Or the thumbnail page can display the full size image in thumbnail size by specifying smaller widths or heights in the HTML code.



Mortgage Cycling Revealed. - Affiliates Earn $31.00. Patent Pending Mortgage Reduction Program Quickly Builds A Minimum Of $40,000 Worth Of Home Equity.
Learn How To Speak Spanish. - A 31-Day Course That Shows You How to Communicate in Spanish Using Thousands of Spanish Words You Already Know.

The Ultimate WordPress Theme Development Glossary


Article Index: | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79

More Articles:


1. Make Sure Your Site Loads Fast
Every site must exert every effort in order to make their websites load fast. Too slow or lousy loading drives away visitors. The reason behind is - they don't want to WAIT, that is! Patience and time are two of the precious attributes why you have to make your site easy to load. Patience because visitors do not have patience to stick with your site until your site has fully loaded. Visitors can change their mind in just a flick of a finger thus your site must load as fast as a flick of a finge…

2. A film review
For those who have seen the movie “Disclosure”, they would have seen workplace harassment in a different light. The movie is based from John Grisham’s book of the same title. The story is about a hard-working employee in line for a top position in the company. He later found out that the position which was supposed to be his was given to another, a woman, who happens to be his ex-girlfriend who still has a thing for him. It goes on to evolve with her seducing him, and telling it the other way ar…

3. Keep Your Navigation Consistent! By Jamie Kiley
One of the single most important aspects of effective navigation is consistency. Why? There's a simple reason.Visitors want familiarity.They are more comfortable and more trusting if they know things are going to remain the same from page to page. They have a certain sense of confidence from knowing what to expect.If a visitor can quickly become familiar with your navigation, it's much simpler to actually navigate. And of course, that's the whole purpose of navigation, right?Besides familiarit…

4. What To Ask Your Web Designer
If you need a web designer, but have no clue about the typical web design process, I am quite certain that you must be feeling a bit overwhelmed about what to expect. As web designers, we oftentimes have a myriad of roles to fill when working with their clients, but as the client, you always have a right to know the complete design process up front. Let’s talk a bit about what questions you may want to ask a potential design firm before they get started on your website.1.)“How much is this goin…