Web Programming and Design: Images and Thumbnails

Author: Brad smith

| Posted: 07-04-2008 | Comments: 0 | Views: 3 | Rating: (50)

(?)

Let’s start with an example so you see where we’re going to with this article. Consider a listings type site; in this case, let’s think of a real estate website which lists properties. Each property has a picture. You have a page where you list all properties in a given neighborhood, about 20 properties per page. For each property, you display a smaller version of its picture (this is called a thumbnail), and a brief description of the property, so site visitors can click on the property they like to learn more about it. The problem is: this page takes really long to display in the browser.

There is a high probability that this problem is related to the images. You need to analyze how your site generates the thumbnails. In many scripts, the thumbnails are just the original pictures, but displayed in smaller width and height. If this is the case, then each picture takes too long to load. You should change this approach and generate real thumbnails of each picture. You also need to change your script to work with the images thumbnails, and not just the original big images.

There are different ways to generate the thumbnails:

1) Using a graphics program. You load the original image, and resize it to the thumbnail size. Then you save it with a different file name. For this approach to work, your script must let you upload the big image for each property, and also the thumbnail.

2) Your script can generate the thumbnails automatically when pictures are loaded, and save them on the server. You only need to upload the big picture. If your script is written in Php, for example, this can be accomplished by using Php image functions, which make use of the gd graphics library. These functions let you generate thumbnails in different image formats like gif, jpg and png.

3) Your script can generate the thumbnails on the fly and serve them directly to the browser. This will save storage space in the server, but requires a lot of server processing time. It is not recommended if you have many images, or if your site has many daily visits.

The important aspect to remember here is that you should not resize original images to show them as thumbnails, especially if you’re showing several of these images on the same page. It will not only slow the page load in the browser, but it will also use a lot of extra bandwidth you can save.

written By Sergio Roth

Rate this Article:

Current: 0 / 5 stars - 0 vote(s).

Article Tags: Web Design Manchester, Web Site Design Manchester, Web Design Lancashire

Article Source: http://www.articlesbase.com/web-design-articles/web-programming-and-design-images-and-thumbnails-380804.html

Print article

Send to friend

Publish this Article

Author feedback

About the Author:

web design Lancashire-web site design Manchester-web design manchester.

Submitting articles has become one of the most popular means of generating quality backlinks and targeted traffic to your website. Join us today - It's Free!

Article Comments

Add new Comment

Web Design in Manchester
By: Brad smith | 03/12/2007 | Web Design
Web Design In Manchester

Page Titles and Meta Tags
By: Brad smith | 29/03/2008 | Internet
Page Titles and Meta Tags

Common Web Design Flaws
By: Brad smith | 06/12/2007 | Web Design
Lack of premeditation of the would-be web design to make your site profitable will surely turn visitors to your website.

Web Design: Cross Browser Compatibility
By: Brad smith | 18/04/2008 | Web Design
Web Design: Cross Browser Compatibility

Website Design Concerns – the Basics
By: Brad smith | 12/12/2007 | Web Design
Website Design Concerns – The Basics

Web Design: Blended With Beauty and Functionality
By: Brad smith | 23/04/2008 | Web Design
Web design varies according to the art influences that the web designers have but it should be pleasing to eye and highly functional.

Essential Tools for a Great Website
By: Brad smith | 18/12/2007 | Web Design
Essential Tools for a Great Website

If You are One of Those Growing Business Entrepreneurs and Having an Online Presence is Part of Your Business Goals Then it is Very Important for You
By: Brad smith | 28/04/2008 | Web Design
Experts in ecommerce web design help ensuring future success for your business attempt online endearing enough to arrest the eye of potential customers.

Got a Question? Ask.

Ask the community a question about this article:

Q&A Powered by:

Latest Web Design Articles

Social Networking Website Design Tips
By: Jonathan Mac | 20/08/2008
There are already a lot of social networking websites out on the Internet, and yet, more and more people still wants to create their own social network. One probably good reason is that those already out for public use, still does not cover the niches you want, or some still do not have the features you are looking for.

Website Designing: Make Your Success Assured
By: Naman Jain | 20/08/2008
A good website is one of the most important reasons behind the success of any online venture. Website designing has also a major role in that.

Business Consultancy
By: Anirban Bhattacharya | 20/08/2008
Business Consulting Services deals with efforts in making business professional, cost effective for the business and information technology communities.

It Outsourcing Craze in India
By: Anirban Bhattacharya | 20/08/2008
India is rapidly becoming a hub of IT outsourcing services and outsourcing to India is a global practice as international corporations recognize its multiple cost effective benefits.

Professional Web Development Services in Springfield Missouri
By: Bob Smith | 20/08/2008
Today, almost every business is looking for an online face. An online face of a company is its web defined descriptive website. Web development is defined as developing a web site for WWW or internet. It is true that successful websites have made intelligent use of web development to enhance their business prospects.

Website Maintenance-how Cheap it Can Get
By: Ajay Prasad | 19/08/2008
Website maintenance means revising, editing and changing certain existing web pages to keep your website up-to-date. The additions of new pages also come within the purview of web maintenance. All customer care services and data management is also part of website maintenance.

2008 Logo Design Trends
By: John Mahoney | 19/08/2008
The importance of a company logo cannot be stressed enough. A logo establishes professionalism, gives the company an image, and creates brand identity.

Anti-accessibility Practices- What You Shouldn’t be Doing
By: Maneet Puri | 19/08/2008
The concept of Website Accessibility has evolved into a serious issue over time. Building an accessible website not only qualifies a website for meeting the web standards but also guarantees increased traffic inflow

More from Brad smith

Ecommerce Web Design: Make Your Passion Your Occupation Online
By: Brad smith | 02/05/2008 | Web Design
You need professional web design to take your online business to the next level or to redesign the current face of your site.

Web Design: Cross Browser Compatibility
By: Brad smith | 18/04/2008 | Web Design
Web Design: Cross Browser Compatibility

Page Titles and Meta Tags
By: Brad smith | 29/03/2008 | Internet
Page Titles and Meta Tags

A Design is Simply Worth How Important You Think it Is!
By: Brad smith | 29/03/2008 | Web Design
A design is simply worth how important you think it is!

The Importance of Professional Web Design
By: Brad smith | 25/03/2008 | Web Design
The Importance of Professional Web Design

Elements to Avoid in Web Designing
By: Brad smith | 18/03/2008 | Web Design
Elements to Avoid in Web Designing

Article Categories

Article Marketing

Article Notepad

Stop Duplicate Content

Term Papers

Follow ArticlesBase at http://twitter.com

Need Help?

Sign up for our email newsletter

Receive updates, enter your email below

Use of this web site constitutes acceptance of the Terms Of Use and Privacy Policy | User published content is licensed under a Creative Commons License.
Copyright © 2005-2008 Free Articles by ArticlesBase.com, All rights reserved. (0.18, 17)

Web Programming and Design: Images and Thumbnails

Article Comments

Related Articles

Got a Question? Ask.

Latest Web Design Articles

More from Brad smith

Need Help?

Site Links

Webmasters

Business Info

Sign up for our email newsletter