Post image for How To Edit And Resize Photos For Blog

How To Edit And Resize Photos For Blog

August 13, 2009

Many readers has been asking the same question, “Bing, why your blog photo so nice geh.. your camera must be good”

LOL! seriously. My photos are not that nice ok? I am currently using Canon IXUS 850 IS. But this guide will show you how to make your photos look slightly better than it was disregarding any camera you use. There are many more good blogs out there with amazing photos. (e.g. Otaku god – Dannychoo.com) but we are not trying to compare, cause we are at a different league. His website has 2million hits per month lah, my site merely gets 100 unique visitors per day. Cannot compare at all lah. But, it’s all good :)

Today, I will teach you some tricks to transform your photos to cantik-cantik belaka. All the tricks shown below are applied to every single photos at ahbing.com.

This is the before and after.

You suck if you unable to differenciate before and after. Chuan's head SHINES ok!!

Figure.1 Chuan and me

Pre-requisites: Get yourself Photoshop CS or above (get trial version here) However, if you want to get a genuine copy. Please go torrentz.com lalalalala.

Step 1: Edit the photo histogram

This step corrects the colour taken by your camera. e.g. black is black; white is white, not grey. You get what I mean? This is actually pretty easy. Here’s how to do it. In photoshop, press CTRL+L (or Image > Adjustments > Levels) to bring up the histogram window.

You see the both red circles? Those are the arrows you need to notice. Left arrow represents the dark pixels in your photo, while the right arrow represents the bright pixels. By brightening up the photo, drag the right arrow towards left, you’ll see your photo instantly brighten up. Apply same method with the left arrow. Usually I won’t touch the middle arrow, but it depends. By applying this method, your photos no more grey-grey.

Here’s the settings I applied for the Figure.1.

histogram2Step 2: Crop out the unnecessary part

cropThe reason behind this is to focus on a particular object, and save bandwidth. Some readers complaint ahbing.com loads up slowly due to heavy image usage. This becomes worst when they have lousy internet connection (/finger Streamyx). I started to apply this method to most of my photos. Your readers will appreciate it, too.

Here’s an example:

mole You get what I mean? I only showed my dai lap mak (mole) instead of Chuan and me. If you refer to my other posts, you will notice the different sizes of images. Each and every photos has been cropped to a minimal size to lessen the burden of my bandwidth. Plus, it looks neat:)

Step 3: Edit the final size

I usually stick to maximum 500px width for every photos. I don’t want my site to be messy. But it’s up to your personal preference.

In photoshop, press ALT+CTRL+I (or Image > Image Size) to bring up the resize window.

resize2

There you go. You are done. Rearrange the photos with copy and paste. Easy peasy. Hope I helped. Feel free to leave comment if you have any questions or shoot me a quick mail.

Related posts:

  1. Panasonic LUMIX LX3 Review and Sample Photos
  2. Personal Blog Is A Waste Of Time
  3. BBQ at Annie’s house
  4. Photos that make you goes “omg I damn hungry now”
  5. Oi! Fill In The Poll lah!
  6. Ah bing is on Google Map
  7. Ahbing Got Love-Shaped Pancakes, You Got or Not?
  8. Charcoal type BBQ is so cool (Chinese version)
  9. A Walk At Kurilpa Bridge After Consuming Ajisen Ramen
  10. My Encounter With LUMIX LX3

{ 14 comments… read them below or add one }

1 eldy August 14, 2009 at 12:42 am

Thank !! I learnt 1 more skill today ^^

2 sirei/rei August 14, 2009 at 1:20 am

lol, damn shiny wor!
so does your skin… XD
 
thanks sifu! :)

3 Jacquelyn August 14, 2009 at 1:28 am

eh? my comment not published? ><

4 Jacquelyn August 14, 2009 at 1:30 am

oh i was saying, this post is helpful. thanks =)

5 ahbing August 14, 2009 at 1:50 am

@eldy: You are very welcome

@sirei/rei: My skin got bling bling meh?

@Jacquelyn: Ops, I found your previous 3 comments in my spam filter. Approved your IP address, shouldn’t have any problem posting comments from now onwards.

6 Tian Chad August 14, 2009 at 2:57 am

Thanks for dropping by =)
I wish I have a DSLR ar!

7 annant August 14, 2009 at 12:06 pm

i edit pics before posting up too haha :)
thanks for sharing

8 EVo August 14, 2009 at 1:34 pm

Eh bing! why ur monster mole skejap ada skejap hilang one!! LOL

9 ahbing August 14, 2009 at 4:03 pm

@Tian Chad: Grab one, dont consider that much! Borrow money from friends or parents, then repay them slowly.

@annant: no problemo ;) yea your polaroid photos. nice.

@EVo: dailou. sometimes I forgot to put it on. Left it in cupboard.

10 khai August 14, 2009 at 5:40 pm

wow. ahbing.com now opening ‘blogging tips’ section? lol

11 Joshua August 14, 2009 at 5:54 pm

Wah! Can learn Photoshop here!

12 ahbing August 14, 2009 at 6:26 pm

@Khai: Not really. Just a normal guide I wanted to put up since long long time ago. This trick is suitable for poor people like me :P

@Joshua: Surprising leh.. haha

13 [e]GG August 16, 2009 at 6:56 pm

Bro, I don’t really think so… hahaha…

14 ahbing August 16, 2009 at 10:19 pm

@[e]GG: Hmm. maybe you’re partly wrong. My dad is rich, but not me. I don’t have source of income one ok :P

Leave a Comment

CommentLuv Enabled

Previous post:

Next post:

ahbing on Twitterahbing on Facebookahbing.com RSS FeedEmail