December 13, 2011

diy image tips and tricks

But first...

Congratulations to Mary Newton for winning the subscription to Country Living! P.S. I'm going to celebrate the week with another giveaway VERY soon - something from my collection. So, stay tuned!

studio waterstone blog

Now about those images. If you're a blogger, you probably know how important images and image quality is. Having said that, photo's can be tricky! Here are a few thoughts on the subject.


Image size:

You cannot enlarge a photo from it's original source without causing it to blur. For example, your photo is 686 pixels wide. You can't enlarge it to 1000 pixels or even 700 pixels and get a perfectly clear photo.

Screen Shot 2011-12-13 at 7.38.47 AM
I uploaded this image to Flickr and it shows the original as 686 pixels wide. My options are always smaller images.

BUT...

What if I want to change my image to fit a 600 pixel wide space. Is this possible?
Why, yes! Yes, it is. And if your image is already uploaded to Flickr, it's easy to change.


Screen Shot 2011-12-13 at 7.53.36 AM
Above, it shows the html code that I copied from Flickr and posted to my blog post.


Screen Shot 2011-12-13 at 7.53.53 AM
From that highlighted section, you want to focus in on the dimensions. Change the 686 to 600 pixels. BUT (and this is VERY important), you also need to change the height to a corresponding dimension. For instance, if I reduce the width by 86 pixels, I need to also reduce the height by the same number.


Screen Shot 2011-12-13 at 7.42.42 AM
Another way of getting exactly the size you want is to export it correctly in the first place! Just click on "custom" when exporting and enter your desired width.


Image quality:

Screen Shot 2011-12-13 at 7.42.29 AM
Ever go to one of those sites or blogs and have to wait an eternity while things load? Not fun. When exporting my photos, I always choose medium quality. This looks fine on a computer screen and keeps loading time to a minimum.


Alt tags:

Screen Shot 2011-12-13 at 7.40.49 AM
Back to my blog html screen. I can't talk about images without adding this tip. See the highlighted part shown above? That's my alt tag and it's currently named "IMG_0502". So boring and totally useless.


Screen Shot 2011-12-13 at 7.41.19 AM

Without getting into the importance of alt tags, I'd recommend that you change it to maybe your blog name or the title of your post. Why? Because it helps with SEO (Search Engine Optimization) and it's an easy change.


Hope my tips help! Now, you can add those all-important images with ease while giving your post a more professional look.

Pin It



4 comments:

  1. Thanks Lori, I love posts like this! It can be an very complicated making changes!!

    Have a great day,

    Lisa

    ReplyDelete
  2. Thanks so much for the great information. I never knew about the tags. I hope I can remember this when I'm doing blog posts. Normally I'm just happy to get them done and press 'Publish'.

    ReplyDelete
  3. oh a cool tip about changing the name of the photo!

    ReplyDelete

I love reading each one of your comments. Thanks for your visit and have a wonderful day.

Related Posts Plugin for WordPress, Blogger...

Let's hang out! @lori_plyler



Follow via Email...

all my favorites things...

but seriously folks...

©Lori Plyler 2008-2017
Unless otherwise noted, all content on this blog from artwork to photography and everything in between is copyrighted. Anything offered for download is for personal use only (no retail and/or commercial uses are allowed).

Please contact me for permission if you are planning to use anything I use online and always show your link love and respect by linking back to the original source. Thanks!