Craig's Classroom - Virtual Course Graphics for Bloggers 101 is underway. (course information page, pre-recorded videos, watch at your own pace.) We have a nice group signed up! :) I am creating a series of classroom assignments for the students to complete the course. This post is to illustrate a report on Assignment #2
Photography assignment - Go out and take THREE photos with your normal camera setting.
Photo 1 - take a photo of a sign, have the edges fill as much of the frame as you can
Photo 2 - Street scene of a neighborhood in your area
Photo 3 - a close up shot of something organic (bed of flowers, leaves of tree, shrub close up, this is more fun in the spring than the summer!)
Upload the photos onto your hard drive. Determine two things about each photo:
a) the number of pixels (width x height)
b) the file size of the photo
Next, resample the photos down to be "blog-sized" (in this case no more than 400 pixels on the longest edge of the photo)
In your report blog post, indicate the original pixel size of each of the photos and file size of the original, then the file size of the resampled blog sized version.
The following post is an example of what the students need to create
(I'm including this post in my own regular blog feed as well as you all might learn a point or two from our class discussion! and enrollment is open if you want to know even more!)
Assignment #2 - Photo Shoot and Resample
The following are three photos that I took on a recent morning on my commute to work.
Photo #1 - Sign in the Subway Station
The original photo was shot using my android phone. The size of the photo in pixels was 1944 wide by 2592 high and the file size was 1.1MB. The resampled photo below is 300 pixels wide and 400 pixels high and is 39KB.
Photo #2 - Street Scene -
Looking up Park Avenue toward Grand Central Station
This photo was originally another 5 megapixel shot 1944 wide by 2592 high and the file size was 1.6MB. The resampled photo below is 300 pixels wide and 400 pixels high and is 58KB.
Photo #3 - Closeup of something Organic -
Shrub in the Park
This photo was originally another 5 megapixel shot 1944 wide by 2592 high and the file size was 2.1MB. The resampled photo below is 300 pixels wide and 400 pixels high and is 93KB.
Conclusions -
The sign had large area of a solid color and thus was the smallest file size. The street scene was more complex and was the next larger size file. The shrub had many complex edges caused by leaves and had the largest file size.
If the unsampled photos would have been inserted into the blog post the total size of the graphics would have been 4.8MB. In their resampled forms, they only added up to 190KB (or in other words about 4% of the size of the originals). That's a significant difference in your blog page load times!
Comments(9)