Home / Image Squashing Example

Image Squashing Example

Here is an example of a photo being uploaded to a website and then using the handlebars in the editor to show the large image at a smaller size:

Skill Concert Photo

Website visitors still have to download the larger image even though it's being shown at smaller dimensions.

See how it comes in slowly? This is the wrong way of resizing images.

You should resize them in image editing software before uploading it to your website.

Right click the image and click "View Image" (in Firefox) to view the actual image.

Image: skillet-concert-high-res.jpg
Size: 5.3 MB
Shown Dimensions: 500 x 333
Actual Dimensions: 3888 x 2592

SEO  PPC
SEO / PPC
Get found, increase conversion!
Website Marketing
Website Marketing
Get your website noticed and get results.
Design Portfolio
Design Portfolio
Result driven design makes your website work 24/7 for your business.

What Our Clients Say

Placeholder
“Your company and its professionalism are proof positive that distance truly does not matter when completing a large project such as this.”
-Julie Hilliger
Malcolm-Eaton Enterprises
Our Clients Love Us - CLICK
Website Financing Options Available
Google Analytics Certified

UW Madison Alumni

FOLLOW US ON
Webstix in Madison, WI
730 Rayovac Drive
Madison, WI 53711
Webstix in Michigan
580 E Napier Ave.
Benton Harbor, MI 49022
Webstix in Indiana
316 E Monroe St
South Bend, IN 46601
magnifier