Tweet

Right way to use pictures on websites

Guest post by: Albertson Denim

Article Overview: In an ideal world, a web designer could use the highest quality photos and have the webpage download lightening fast. Unfortunately, as we all know, the reality is always far from the desired. The quality of image used on a website are inversely proportionate to the loading speeds

Right way to use pictures on websites

In an ideal world, a web designer could use the highest quality photos and have the webpage download lightening fast. Unfortunately, as we all know, the reality is always far from the desired. The quality of image used on a website are inversely proportionate to the loading speeds. In other words, the better the quality of image you have on the website the slower it will load. Does that mean that you have to compromise on either these two important fronts? Not quite! Using the right balance and putting to use some simple & effective tricks will help you get the best of both worlds.

A computer screen is designed to display images at maximum 72dpi (dots per inch). So there is absolutely no point having high DPI images like 300 DPIs (which are meant for print usage). If you have a larger DPI image its logical to reduce the resolution to 72 dpi. Each piece will be a very small file and together will load in a fraction of the time.

What you must also know is that an image comes with many attached graphic files that contain information about the color palette of the image. This information is useless for online application so it’s better to get rid of it. The way to do it is simple, almost all imaging programs include the option of Save for the web. This option discards all of the unnecessary information in the file without any loss of picture quality and reduces the size and loading time of the image.

Another very effective method is to use the images in right format. Instead of simple JPEGs use either the GIF or PNG interlaced or the JPEG progressive property. These properties allow the picture to load gradually. Its kind of a gimmick because this way the picture actually loads a fraction of a second slower than the regular formats do but it appears to load faster to the site visitor as he can see the picture coming from blur to complete. It’s a very effective thing to do.

Lastly, you must pay attention on the Width and Height IMG Attributes. The HTML tag tells the web browser to create a specific sized box to hold the graphic. That way the browser can continue loading the rest of the web page while the graphic file is downloading. If you don’t put the width and height attributes, the web browser must pause until the images is downloaded before it can load the rest of the page. So always pay attention to these attributes to speed us the loading process.

Effectively using these techniques will allow you to use more and better pictures on the website along with keeping a check on the loading times. Of course, it goes without saying that you should always use only the needed number of pictures on a website. If you stuff too many pictures none of the above will help

Related Articles
  Web design for charity
  But I Need It Now! Earning Extra Income On The Internet
  Rule #14: Every Picture Demands a Caption
  Top Websites
  Article #36 How To Establish A Web Presence
  5 Tips For Visual Impact In Marketing Presentations
  Securing Car Insurance After An Accident
  Carefully Choose to Whom You Link To
  How to Restore Lost Photos from Virus Infected Storage Devices?
  Should you Have a Flash-Based Website?
  Should you have a flash-based website?
  Designing Web Sites for New Computers
  Different Types Of Moderation
  Generate Targeted Traffic With Photo Sharing Sites
  How Positive words can change the mind of the customer
  Internet Business Coaching And Marketing For Travel Professionals – Facilitating Social Media Websites
  #1 Reason for Network Marketing Success - Part Four
  Travel Websites
  What to Write On Your About Me Page!
  Home Business Expert: Testimonials, Your Secret Sales Force

Article Tags: Web Design LA, Website Design California, Website Design Los Angeles



Related Forum Posts
Re: On Which Social Media Sites Are You Most Active? - @GT, that's why I have two separate FB accounts. One is my personal account, with pictures of my wife and daughter. All pictures are set so that only friends can see them. My other account makes no mention of them by name nor does it have images of them. This is how I keep my family protected from my online life, and those who may want to exploit such information.
Re: Sales Letters: Do they work? - There are lots of websites with scams now days, with sales letters, secret ebooks, fake testimonials, websites that promise you top 10 rankings and the lists goes on and on... I would say stay away from those shady websites.
Images on Search Engines - Actually, a large number of hits for each of my websites are coming through Google image searches. One of my sites is for my hairdresser and for about 6 months she was getting 60-80,000 hits per month and over half were coming from image searches. That piqued my curiosity - to say the least. My top source for search engine info (who is Google certified) tells me the easiest way is to use a file name for my pix that contains applicable keywords. For instance on my author site, I use the title for the cover art. Some obscure file names are pulling in large numbers of hits. My hairdresser also got an insane number of hits from people posting pictures from her site on their blogs and they linked the pic back to her site. Those are certainly the biggest draws and the usage on the blogs also drastically boosts her search engine status. Speaking of blogs, why not use a blog and include a few pictures in your post? That would get you and the pix into the search engines overnight at least. I post to my blogs and I've always got a notice my the next morning that its been found by Google. Shri
Re: Sales Letters: Do they work? - [quote="David Castro":1tzazqxv]There are lots of websites with scams now days, with sales letters, secret ebooks, fake testimonials, websites that promise you top 10 rankings and the lists goes on and on... I would say stay away from those shady websites.[/quote:1tzazqxv] With regards to 'websites that promise you top 10 rankings' you could ask them to supply you websites that they have helped to get in the top ten, or even ring the company direct. Also with testimonials if it does have a persons name and company I dont take them seriously.
Re: Have you tried Mozilla Firefox 3.0.1 - [quote="orxan":1ys0lz55]I use it. it is probably the fastest and is great for organizing my online business information, but the pictures load slower than Internet Explorer. Also it becomes irritating to open links in Word Document with FireFox. Hope it helps.[/quote:1ys0lz55] Thanks Orxan, I did not notice the part of pictures loading between IE and Firefox


Share this article with your friends. Fund someone's dream.

Leave a comment below or share on the left and you'll help support entrepreneurs in Africa through our partnership with Kiva. Over $50,000 raised and counting - Please keep sharing! Learn more.

Newsletter

Get advice & tips from famous business
owners, new articles by entrepreneur
experts, my latest website updates, &
special sneak peaks at what's to come!

Name:
Email:

Popular Articles

Too Many Sales Reps Are Wimps

Living on The Edge of Chaos...

Environment and productivity at the office

Suggestions

Email us your ideas on how to make our
website more valuable! Thank you Sharon
from Toronto Salsa Lessons / Classes for
your suggestions to make the newsletter
look like the website and profile younger
entrepreneurs like Jennifer Lopez.