This site utilizes JavaScript to function correctly. Looks like it's disabled on your browser. Please enable it for your best experience.

For instructions on enabling JavaScript, click here

Skip to main content
Search

Just Host Web Hosting Help

Optimizing Your Images

Bitmapped (or Rasterized) Graphics

When producing new versions of any graphic, always use the original to make each new version. This will retain as much of the quality as possible. Always ensure that the image mode is on RGB color.

Each time a graphics package shrinks an image, it reduces the number of colors , therefore reducing the quality. So if you use the original every time, you will always get the most colors possible.

Unless the image is a vector image, you can't create a good quality larger version as there won't be enough colors to render the image at the same quality.

Once a graphics package, such as Adobe Photoshop or Adobe Fireworks , has optimized the graphic, you cannot get back to the original quality. GIFs are indexed color and JPGs may have their quality reduced to shrink the file size.

There will always be a sacrifice between quality and file size. A smaller file size will result in faster download times.

Re-sizing Images in a Web Page

Never use the width and height attributes of the < img > tag in the HTML of a web page to resize images. If you use this method to reduce the image size, you will increase the download time of the page as a whole. This is because the browser has to "re-draw" the image at an incorrect size which takes longer.

Avoid using the same technique to increase the size of an image. It severely reduces image quality as well as taking longer to download. Use you favorite graphics software to re-size your images properly and include the correct width and height dimensions for a faster download. The result will be a better looking website as well as faster download times.

Knowledgebase Article 237,745 views bookmark
share
Share or save this via:
tags: images optimize


Was this resource helpful?
Helpful Unhelpful


Did this resolve your issue?
Solved Unsolved


Please add any other comments or suggestions about this content:





Recommended Help Content

Optimizing MySQL: Queries and Indexes Article 1 of 4
Optimizing MySQL: Queries and Indexes Article 1 of 4 Courtesy of: Ian Gilfillan Badly defined or non-existent indexes are one of the primary reasons for poor performance, understanding and then fixing
Knowledgebase Article 222,172 views tags: indexes mysql optimize optimizing queries query

Optimizing MySQL: Queries and Indexes Article 3 of 4
Optimizing MySQL: Queries and Indexes Article 3 of 4 Courtesy of: Ian Gilfillan Ordering by surname is a common requirement, so it would make sense to create an index on surname. But in this example o
Knowledgebase Article 222,593 views tags: cpu exceeded index indexes mysql optimize optimizing queries query

Optimizing MySQL: Queries and Indexes Article 2 of 4
Optimizing MySQL: Queries and Indexes Article 2 of 4 Courtesy of: Ian Gilfillan Some knowledge of how indexes work allows you to use them more efficiently. Firstly, note that when you update a table w
Knowledgebase Article 189,092 views tags: indexes mysql optimize optimizing queries query

Related Help Content

Optimizing MySQL: Queries and Indexes Article 4 of 4
Optimizing MySQL: Queries and Indexes Article 4 of 4 Courtesy of:Ian Gilfillan Most systems need to be highly optimized for selects - take a news site which performs millions of queries per day, but w
Knowledgebase Article 217,208 views tags: cpu exceeded index indexes mysql optimize optimizing queries query

MySQL Repair and Optimize Tables in phpMyAdmin
How to repair and optimize your database using phpMyAdmin:
Knowledgebase Article 443,249 views tags: database mysql optimizing repairing slow speed

Images Not Displaying On Website
Why don't my images display on my site?
Knowledgebase Article 256,177 views tags: display image images link site website

cPanel Image Manager
How do I view Thumbnails of images in a directory? How do I scale images? How do I convert an image to a jpg, gif, bmp, or png?
Knowledgebase Article 257,866 views tags: bmp gif images jpg manager png scale thumbnails

Optimizing WordPress
Tips and tricks to make your WordPress blog load faster
Knowledgebase Article 288,477 views tags: optimizing wordpress

Right-Click Image Protection
How can I protect the images on my website?
Knowledgebase Article 292,703 views tags: click code image images javascript protect save saving script tips tricks

Hotlink Protection
I need to protect the /images folder to not show images when people type in the correct URL like www.mydomain.com/images/ to protect from prying eyes.
Knowledgebase Article 174,437 views tags: hotlink htaccess protection

WordPress: Adding Images
How to Add Images to WordPress
Knowledgebase Article 87,683 views tags:

*Promotional pricing is for the first term only and regular rates apply upon renewal. 30-Day Money-Back Guarantee does not extend to domain names.

** Google ad credits are only available to customers in the United States, Canada, and the United Kingdom at this time.

¹ VAT (Value Added Tax) is not included in our advertised price and will be charged separately and itemized on invoices and billing information. Standard VAT rates based on EU Member State regulations may apply. Learn more.